Cytat HTML i elementy cytowania
W tym rozdziale omówimy elementy
<blockquote>
, <q>
, <abbr>
, <address>
, <cite>
i <bdo>
HTML.
Przykład
Here is a quote from WWF's website:
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
HTML <blockquote> dla cytatów
Element HTML <blockquote>
definiuje sekcję, która jest cytowana z innego źródła.
Przeglądarki zwykle wcinają <blockquote>
elementy.
Przykład
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's
leading conservation organization,
WWF works in 100 countries and is
supported by
1.2 million members in the United States and
close to 5
million globally.
</blockquote>
HTML <q> do krótkich cytatów
Znacznik HTML <q>
definiuje krótki cytat.
Przeglądarki zwykle wstawiają znaki cudzysłowu wokół cytatu.
Przykład
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> dla skrótów
Znacznik HTML <abbr>
definiuje skrót lub akronim, np. „HTML”, „CSS”, „Mr.”, „Dr.”, „ASAP”, „ATM”.
Oznaczanie skrótów może dostarczyć przydatnych informacji przeglądarkom, systemom tłumaczeń i wyszukiwarkom.
Porada: Użyj globalnego atrybutu title, aby wyświetlić opis skrótu/akronimu po najechaniu myszą na element.
Przykład
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <adres> informacji kontaktowych
Znacznik HTML <address>
definiuje informacje kontaktowe autora/właściciela dokumentu lub artykułu.
Dane kontaktowe mogą być adresem e-mail, adresem URL, adresem fizycznym, numerem telefonu, obsługą mediów społecznościowych itp.
Tekst w <address>
elemencie jest zwykle renderowany kursywą,
a przeglądarki zawsze dodadzą podział wiersza przed i po <address>
elemencie.
Przykład
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cytuj> dla tytułu pracy
Znacznik HTML <cite>
określa tytuł pracy twórczej (np. książka, wiersz, piosenka, film, obraz, rzeźba itp.).
Uwaga: imię i nazwisko osoby nie jest tytułem pracy.
Tekst w <cite>
elemencie jest zwykle pisany kursywą .
Przykład
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> dla nadpisywania dwukierunkowego
BDO oznacza nadpisanie dwukierunkowe.
Znacznik HTML <bdo>
służy do zastąpienia bieżącego kierunku tekstu:
Przykład
<bdo dir="rtl">This text will be written from right to left</bdo>
Ćwiczenia HTML
Cytat HTML i elementy cytowania
Tag | Description |
---|---|
<abbr> | Defines an abbreviation or acronym |
<address> | Defines contact information for the author/owner of a document |
<bdo> | Defines the text direction |
<blockquote> | Defines a section that is quoted from another source |
<cite> | Defines the title of a work |
<q> | Defines a short inline quotation |
Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .