Blok cytatu <blockquote>

MIROSŁAW ZELENT

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.

- Jacek Piekara - Łowcy Dusz

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.

Poprzedni wpis

Następny wpis

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: Mega Sekurak Hacking Party

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - wpiszcie go w koszyku, dzięki czemu otrzymacie 40% zniżki na bilet standard. Więcej szczegółów znajdziecie tutaj.

Książka: 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ę!

Kategorie wpisów

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

W dniach od 16.04.2024 do 23.04.2024 trwa w Helionie promocja o nazwie "Światowy dzień książki... IT!". Otrzymujemy zniżkę -40% książki drukowane oraz -50% na ebooki. Zobacz szczegóły tutaj: trwająca promocja.