4.1 Element <blockquote>
W HTML istnieją specjalne tagi do formatowania cytatów: <blockquote>, <cite>, i <q>. Każdy z tych tagów ma swoje specyficzne przeznaczenie i używa się ich do różnych typów cytatów i odniesień do źródeł.
Tag <blockquote> używa się do wyróżniania dużych bloków cytowanego tekstu. Przeglądarki zazwyczaj wyświetlają takie cytaty z wcięciem po lewej, aby wyróżnić je z głównego tekstu.
Przykład użycia:
<blockquote>
"The only limit to our realization of tomorrow is our doubts of today."
</blockquote>
Charakterystyka:
- Jest blokowym elementem
- Często wyświetlany z wcięciem po lewej
- Może zawierać inne bloki i elementy w linii
- Może używać atrybutu cite do podania URL źródła cytatu
Atrybut cite:
Atrybut cite w tagu <blockquote> służy do podania źródła cytatu. Choć ten atrybut nie jest widoczny wizualnie, pomaga zachować informacje o pochodzeniu cytatu, co jest przydatne dla wyszukiwarek i innych zautomatyzowanych systemów przetwarzania tekstu.
Przykład z atrybutem cite:
<blockquote cite="https://example.com/quote-source">
"The only limit to our realization of tomorrow is our doubts of today."
</blockquote>
4.2 Element <cite>
Tag <cite> używa się do wskazania źródła cytatu lub tytułu dzieła, takiego jak książka, artykuł, film itp. Tekst wewnątrz tagu <cite> zazwyczaj jest wyświetlany kursywą.
Przykład użycia:
<p>Źródło cytatu: <cite>Franklin D. Roosevelt</cite></p>
Charakterystyka:
- Jest elementem w linii
- Zwykle wyświetlany kursywą
- Używany do wskazywania źródeł cytatów lub tytułów dzieł
Przykład z <blockquote> i <cite>:
<blockquote cite="https://example.com/quote-source">
"The only limit to our realization of tomorrow is our doubts of today."
<cite>— Franklin D. Roosevelt</cite>
</blockquote>
4.3 Element <q>
Tag <q> używa się do wyróżniania krótkich cytatów wbudowanych w tekst. Przeglądarki automatycznie dodają cudzysłowy wokół tekstu zawartego w tagu <q>.
Przykład użycia:
<p>Jak powiedział Albert Einstein, <q>Wyobraźnia jest ważniejsza niż wiedza</q>.</p>
Charakterystyka:
- Jest elementem w linii
- Automatycznie dodaje cudzysłowy wokół cytatu
- Używany do krótkich cytatów w linii tekstu
Atrybut cite dla <q>:
Atrybut cite w tagu <q> również używa się do podania URL źródła cytatu.
Przykład z atrybutem cite:
<p>Jak powiedział Albert Einstein, <q cite="https://example.com/einstein-quote">Wyobraźnia jest ważniejsza niż wiedza</q>.</p>
Kombinowane użycie tagów cytatów
Te tagi można stosować razem, aby stworzyć bardziej zorganizowaną i informacyjną treść.
<h1>Przykład użycia tagów cytatów</h1>
<p>
Jak powiedział Albert Einstein, <q cite="https://example.com/einstein-quote">Wyobraźnia jest ważniejsza niż wiedza</q>.
</p>
<blockquote cite="https://example.com/quote-source">
"The only limit to our realization of tomorrow is our doubts of today."
<cite>— Franklin D. Roosevelt</cite>
</blockquote>
Tagi <blockquote>, <cite>, i <q> są ważne dla właściwego formatowania cytatów w HTML. Te tagi wspierają zarówno wizualne wyróżnianie cytatów, jak i znaczenie semantyczne, co jest istotne dla wyszukiwarek i zautomatyzowanych systemów przetwarzania tekstu.
GO TO FULL VERSION