Dzisiaj pokażę wam jak w bardzo prosty sposób dodać cytat na stronę internetową. Do tego celu użyjemy znaczników kodu HTML – <blockquote> oraz <q>. Pierwszy z nich tworzy blok tekstowy, w którym umieścimy treść cytatu. Drugi zaś to bardzo krótki cytat na stronę.
Znacznik <blockquote>
<blockquote> – tak jak wspomniałam tworzy blok tekstowy a tym samym daje nam możliwość dodawania do niego różnych elementów i właściwości. Nazwa znacznika pochodzi z języka Angielskiego gdzie słowo quote oznacza cytat. Nazwa znacznika praktycznie więc mówi nam co on robi.
Jednym z elementów o jakim warto pamiętać podczas tworzenia “cytatów” jest dodawanie ich źródeł. Służy do tego atrybut cite. To w nim umieszczamy adres url witryny, z której pobraliśmy treść cytatu.
<blockquote cite="URL">W tym miejscu warto zaznaczyć, że adres ten nie będzie widoczny dla zwykłego użytkownika. Będą go widzieć jedynie roboty skanujące witryny oraz ci, który zdecydują się zajrzeć do kodu strony. Dlatego warto jest pomyśleć o tym by w umieścić normalny link w treści bloku.
Złożony kod może wyglądać tak:
<blockquote cite="URL">Treść</blockquote>blockquote jest elementem blokowym jednak <q> domyślnie już nie jest, dlatego też można go używać w ciągu tekstu.
Znacznik <q>
Znacznik html <q> służy również do tworzenia cytatów, z tym że jak wspomniałam wcześniej jest to element liniowy. Oznacza to, że można go użyć nawet w fragmencie tekstu np.
<p>Przykładowy tekst z <q>cytatem w środku</q></p>Przykładowy tekst z cytatem w środku
Jak widać fragment, w którym użyłam <q> został dodany w cudzysłowach.
Przykład użycia <blockquote> i <q>
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.