4.1 元素 <blockquote>
在 HTML 中，有專門用來格式化引用的標籤：<blockquote>、<cite> 和 <q>。
這些標籤各自有自己的特定用途，用來處理不同類型的引用和來源連結。
標籤 <blockquote> 用來突出顯示大段的引用文字。瀏覽器通常會在左邊加上縮排，以便區別於主要內容。
使用範例：
HTML
<blockquote>
"The only limit to our realization of tomorrow is our doubts of today."
</blockquote>
特色：
- 是區塊元素
- 通常以左縮排顯示
- 可以包含其他區塊和內聯元素
- 可以使用 cite 屬性來指定引用來源的 URL
cite 屬性：
在標籤 <blockquote> 裡，cite 屬性用於指定引用的來源。雖然這個屬性不會在畫面上顯示出來，但它有助於保存引用的來源資訊，對搜尋引擎和其他自動化文本處理系統來說很有用。
具有 cite 屬性的範例：
HTML
<blockquote cite="https://example.com/quote-source">
"The only limit to our realization of tomorrow is our doubts of today."
</blockquote>
4.2 元素 <cite>
標籤 <cite> 用於指定引用的來源或作品名稱，如書籍、文章、電影等等。<cite> 標籤中的文字通常會以斜體顯示。
使用範例：
HTML
<p>引用來源：<cite>Franklin D. Roosevelt</cite></p>
特色：
- 是內聯元素
- 通常以斜體顯示
- 用於標示引用的來源或作品名稱
使用 <blockquote> 和 <cite> 的範例：
HTML
<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 元素 <q>
標籤 <q> 用來標示嵌入在文本中的短引用。瀏覽器會自動在 <q> 標籤內的文字兩邊加上引號。
使用範例：
HTML
<p>正如阿爾伯特·愛因斯坦所言，<q>想像力比知識更重要</q>。</p>
特色：
- 是內聯元素
- 自動在引用兩側加上引號
- 用於嵌入在主要文本中的短引用
<q> 的 cite 屬性：
cite 屬性在 <q> 標籤中也用於指定引用的來源 URL。
帶有 cite 屬性的範例：
HTML
<p>正如阿爾伯特·愛因斯坦所言，<q cite="https://example.com/einstein-quote">想像力比知識更重要</q>。</p>
綜合使用引用標籤
這些標籤可以一起使用，以創造更結構化和資訊豐富的內容。
HTML
<h1>引用標籤使用範例</h1>
<p>
正如阿爾伯特·愛因斯坦所言，<q cite="https://example.com/einstein-quote">想像力比知識更重要</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>
標籤 <blockquote>、<cite> 和 <q> 對於在 HTML 中正確格式化引用很重要。這些標籤不僅能提供視覺上的引用強調，還具有語義意義，這對搜尋引擎和自動化文本處理系統來說很重要。
GO TO FULL VERSION