<cite>
Tytuł dzieła: książki, artykułu, filmu, piosenki, gry albo programu.
- Wyświetlanie
- inline
- Znacznik zamykający
- Wymagany
- Dozwolona zawartość
- Treść frazowa (phrasing content)
Przykład
#<p>
Na start polecam książkę <cite>Pragmatyczny programista</cite>,
a do ćwiczenia logicznego myślenia grę <cite>Minecraft</cite>.
</p>Definicja i zastosowanie
#Element <cite> oznacza tytuł utworu: książki, artykułu, filmu, serialu, piosenki, gry, obrazu, strony internetowej czy programu komputerowego. Przeglądarki wyświetlają go kursywą.
Według standardu HTML <cite> obejmuje sam tytuł, a nie nazwisko autora. W podpisie cytatu imię i nazwisko zapisz zwykłym tekstem, a w <cite> umieść tylko tytuł źródła.
Nie myl elementu <cite> z atrybutem cite, który w <blockquote>, <q>, <ins> i <del> przechowuje niewidoczny adres źródła. Element pokazuje tytuł czytelnikowi, atrybut zostawia adres dla maszyn.
Składnia
#<cite>Tytuł dzieła</cite>Atrybuty
#Ten element nie ma własnych atrybutów. Obsługuje atrybuty globalne, takie jak class, id czy hidden.
Więcej przykładów
#<figure>
<blockquote>
<p>Najlepszym sposobem na naukę programowania jest pisanie programów.</p>
</blockquote>
<figcaption>Z poradnika <cite>Pierwsze kroki w CodeWorlds</cite></figcaption>
</figure>Domyślny CSS
#Większość przeglądarek wyświetla ten element z takimi stylami domyślnymi:
cite {
font-style: italic;
}Obsługa przeglądarek
#Szeroko dostępne
Działa we wszystkich nowoczesnych przeglądarkach, także na telefonach. Możesz używać bez obaw.
- Chrome
- Edge
- Firefox
- Safari
Dobre praktyki
#- Oznaczaj elementem tylko tytuł dzieła, nie osobę.
- Sam cytat umieść w
<blockquote>lub<q>, a tytuł źródła w<cite>obok. - Jeśli kursywa nie pasuje do projektu, zmień ją w CSS. Znaczenie elementu pozostanie.
Powiązane hasła
#- <blockquote>Dłuższy cytat z innego źródła, wyświetlany jako osobny blok z wcięciem.
- <q>Krótki cytat wpleciony w zdanie. Cudzysłowy dodaje sama przeglądarka.
- <figcaption>Podpis ilustracji w elemencie `<figure>`.
- <i>Tekst w innym tonie lub głosie: obce wyrażenia, nazwy łacińskie, myśli bohatera, terminy techniczne.
- <em>Akcent w zdaniu: słowo, które przy czytaniu na głos wymawia się z naciskiem.
Widzisz błąd albo brakuje przykładu? Napisz do nas.