Cytaty i znaczniki w HTML (<blockquote>, <cite>)

W HTML do wprowadzania cytatów oraz odwołań do źródeł używamy znaczników <blockquote> oraz <cite>.

  • <blockquote> - Służy do oznaczania dłuższych cytatów, zazwyczaj blokowych. Cytat jest wyświetlany jako osobny blok tekstu, często z wcięciem.
  • <cite> - Używany do oznaczania tytułów dzieł, takich jak książki, artykuły, filmy, lub do wskazywania źródła cytatu. Przeglądarki zazwyczaj wyświetlają tekst w kursywie.
Przykład
<p>Cytat blokowy:</p>
<blockquote>
  "Ciekawy cytat"
</blockquote>

<p>Cite</p>
<cite>Ciekawa książka</cite>
Praktyczne użycie

See the Pen Untitled by EE-Informatyk.pl (@eeinformatyk) on CodePen.


Dobre praktyki:

  • Znaczniki te są użyteczne do tworzenia bardziej semantycznych dokumentów.
  • Używaie tych znaczników znacząco ułatwia przeglądanie, jak i późniejsze stylizowanie przy użyciu CSS.