Blok cytatu vs. cytowanie inline
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.
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.
Polecamy: 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
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. Prosimy, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękujemy!
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać w komentarzach! Dziękujemy Wam za poświęcony na to czas!
Disqus