Blok cytatu <blockquote>

Jak zapisać cytat w tekście? Możemy do tego celu użyć znacznika <blockquote></blockquote>. Tworzy on w tekście blok cytatu (ang. quote = cytat), który powoduje dodanie charakterystycznego wcięcia z lewej strony, a którego szczegółowy wygląd można potem ustalić w CSS.

Znacznik <blockquote> może posiadać atrybut cite, którego wartością jest link, z którego cytujemy. Natomiast niestety jako atrybut jest on widoczny jedynie w kodzie strony, stąd użytkownik musiałby samodzielnie zbadać źródło, aby go ujrzeć. Zatem lepiej jest zrealizować to tak, aby oprócz atrybutu cite, przygotować użytkownikowi link do bezpośredniego kliknięcia:

 <blockquote cite="https://pl.wikipedia.org/wiki/Jacek_Piekara">
<p>Nigdy nie zwyciężysz wroga, którego twoja wyobraźnia
uczyniła niepokonanym.</p>
<footer>
- <a href="https://pl.wikipedia.org/wiki/Jacek_Piekara">
Jacek Piekara - Łowcy Dusz</a>
</footer>
</blockquote>

Otrzymamy taki rezultat w przeglądarce:

Nigdy nie zwyciężysz wroga, którego twoja wyobraźnia uczyniła niepokonanym.

Ostatecznie nasz cytat zamknęliśmy dla porządku w paragraf <p></p>, zaś po nim dodajemy znacznik blokowy HTML5, o nazwie <footer> - to będzie stopka dla naszego bloku z cytatem (ang. footer = stopka). W stopce umieszczamy hiperłącze do tej samej strony, którą podaliśmy w atrybucie cite. Rezultat jest na pewno wygodniejszy dla użytkownika (jedno kliknięcie dzieli go od poznania źródła cytatu). Więcej informacji na temat nowych znaczników HTML5 znajdziesz tutaj.

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Polecamy: Sekurak Academy 2024

Sekurak Academy 2024

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp do materiałów z edycji Sekurak Academy z roku 2023! Przy zakupie możecie skorzystać z kodu: pasja-akademia w koszyku, uzyskując rabat -30% na bilety w wersji "Standard" - warto korzystać! Więcej szczegółów znajdziecie tutaj.

Książka: Wprowadzenie do bezpieczeństwa IT

Wprowadzenie do bezpieczeństwa IT

Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Komentarze

Disqus

Kategorie wpisów

Oto polecana książka warta Waszej uwagi.
Pełna lista polecanych książek jest tutaj.

Uwaga - w dniach od 06.02.2024 do 15.02.2024 trwa w Helion.pl walentynkowa akcja promocyjna "Pokochaj kodowanie!" - otrzymujemy drugą książkę gratis albo -35% na jedną książkę drukowaną oraz -40% na ebooka. Zobacz promocję walentynkową tutaj.

Bądź na bieżąco
Pasja informatyki