023_html引用和术语定义标签
1. <q>標簽
1.1. <q>標簽定義短的引用。
1.2. 瀏覽器通常會為<q>元素包圍引號。
1.3. 例子
1.3.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>q標簽定義短的引用</title></head><body><p>瀏覽器通常會在q元素周圍包圍引號。</p><p>WWF的目標是<q>構建人與自然和諧相處的世界。</q></p></body> </html>1.3.2. 效果圖
2. <blockquote>標簽
2.1. <blockquote>標簽定義塊引用。
2.2. <blockquote>與</blockquote>之間的所有文本都會從常規文本中分離出來, 經常會在左、右兩邊進行縮進(增加外邊距), 而且有時會使用斜體。也就是說, 塊引用擁有它們自己的空間。
2.3. 例子
2.3.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>blockquote標簽定義塊引用</title></head><body><p>以下內容引用自 WWF 的網站：</p><blockquote>五十年來，WWF 一直致力于保護自然界的未來。世界領先的環保組織，WWF 工作于 100 個國家，并得到美國一百二十萬會員及全球近五百萬會員的支持。</blockquote></body> </html>2.3.2. 效果圖
3. <abbr>標簽
3.1. <abbr>標簽定義縮寫或首字母縮略語。表示它所包含的文本是一個更長的單詞或短語的縮寫形式。
3.2. 對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。
3.3. 可以在<abbr>標簽中使用全局的title屬性, 這樣就能夠在鼠標指針移動到<abbr>元素上時顯示出簡稱/縮寫的完整版本。
3.4. 例子
3.4.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>abbr標簽定義縮寫或首字母縮略語</title></head><body><p><abbr title="World Health Organization">WHO</abbr>成立于1948年。</p><p>對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。</p></body> </html>3.4.2. 效果圖
4. <dfn>標簽
4.1. <dfn>元素定義術語(項目)或縮寫的定義。術語定義應當在<p>, <section>(定義文檔中的節)或定義列表(通常是<dt>, <dd>對)中給出。
4.2. 被定義術語的值由下列規則確定:
4.2.1.?如果<dfn>元素有一個 title屬性, 那么該術語的值就是該屬性的值。
4.2.2.?否則, 如果它僅包含一個<abbr>元素, 該元素擁有title屬性, 那么該術語的值就是該屬性的值。
4.2.3.?否則, <dfn>元素的文本內容就是該術語, 并且父元素包含定義。
4.3. 現在流行的瀏覽器通常用斜體來顯示<dfn>中的文本。將來, <dfn>還可能有助于創建文檔的索引或術語表。
4.4. 與其他許多基于內容的樣式和物理樣式標簽一樣, <dfn>標簽盡量少用為妙。作為一種通用樣式, 尤其在技術文檔中, 當第一次新的術語時, 應該將它們與普通文本分開, 這樣讀者可以更好地理解文章當前的主題, 而從那以后就不要再對這個術語進行任何標記了。
4.5. 例子
4.5.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>dfn表示術語的一個定義</title></head><body><p>The <dfn title="World-Wide Web">WWW</dfn> is a system of interlinked hypertext documents accessed on the Internet.</p><p>The <dfn><abbr title="World-Wide Web">WWW</abbr></dfn> is a system of interlinked hypertext documents accessed on the Internet.</p><p>The <dfn>WWW</dfn> World-Wide Web is a system of interlinked hypertext documents accessed on the Internet.</p><!-- 最常用的寫法如下: --><dl><dt><dfn><abbr title="World-Wide Web">WWW</abbr></dfn></dt><dd>The World-Wide Web (WWW) is a system of interlinked hypertext documents accessed on the Internet.</dd></dl></body> </html>4.5.2. 效果圖
5. <address>標簽
5.1. <address>標簽定義文檔或文章的聯系信息(作者/擁有者)。
5.2. 此元素通常以斜體顯示。大多數瀏覽器會在此元素前后添加折行。
5.3.?如果<address>元素位于<body>元素內, 則它表示文檔聯系信息。
5.4. 如果<address>元素位于<article>(可以定義帖子、文章、博客、評論)元素內, 則它表示文章的聯系信息。
5.5. <address>元素通常連同其他信息被包含在<footer>(定義文檔或節的頁腳)元素中。
5.6. 例子
5.6.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>address元素定義文檔或文章的聯系信息(作者/擁有者)</title></head><body><p>html address元素定義文檔或文章的聯系信息(作者/擁有者）。</p><address>Written by Jon Doe.<br /> Visit us at:<br />Example.com<br />Box 564, Disneyland<br />USA</address></body> </html>5.6.2. 效果圖
6. <cite>標簽
6.1. <cite>標簽定義著作的標題。
6.2. <cite>標簽通常表示它所包含的文本對某個參考文獻的引用, 比如書籍或者雜志的標題。
6.3. 用<cite>標簽把指向其他文檔的引用分離出來, 尤其是分離那些傳統媒體中的文檔, 如書籍、雜志、期刊等等。如果引用的這些文檔有聯機版本, 還應該把引用包括在一個<a>標簽中, 從而把一個超鏈接指向該聯機版本。
6.4. <cite>標簽還有一個隱藏的功能: 它可以使你或者其他人從文檔中自動摘錄參考書目。我們可以很容易地想象一個瀏覽器, 它能夠自動整理引用表格, 并把它們作為腳注或者獨立的文檔來顯示。<cite> 標簽的語義已經遠遠超過了改變它所包含的文本外觀的作用; 它使瀏覽器能夠以各種實用的方式來向用戶表達文檔的內容。
6.5. 瀏覽器通常會以斜體顯示<cite>元素。
6.6. 例子
6.6.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>cite標簽定義著作的標題</title></head><body><p>HTML cite 元素定義著作的標題。</p><p>瀏覽器通常會以斜體顯示 cite 元素。</p><p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p></body> </html>6.6.2. 效果圖
7. <bdo>標簽
7.1. <bdo>標簽定義雙流向覆蓋(bi-directional override)。
7.2. <bdo>標簽用于覆蓋當前文本方向。
7.3. <bdo>標簽的屬性dir有2個值, 從左向右進行書寫: ltr, 從右向左進行書寫: rtl。
7.4. 例子
7.4.1. 代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><meta charset="utf-8" /><title>bdo標簽定義雙流向覆蓋</title></head><body><p>如果您的瀏覽器支持bdo, 則文本將從右向左進行書寫(rtl):</p><bdo dir="rtl">This line will be written from right to left</bdo></body> </html>7.4.2. 效果圖
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的023_html引用和术语定义标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 022_html计算机输出标签
- 下一篇： 066_xhtml简介