023_html引用和术语定义标签
1. <q>標(biāo)簽
1.1. <q>標(biāo)簽定義短的引用。
1.2. 瀏覽器通常會(huì)為<q>元素包圍引號(hào)。
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標(biāo)簽定義短的引用</title></head><body><p>瀏覽器通常會(huì)在q元素周圍包圍引號(hào)。</p><p>WWF的目標(biāo)是<q>構(gòu)建人與自然和諧相處的世界。</q></p></body> </html>1.3.2. 效果圖
2. <blockquote>標(biāo)簽
2.1. <blockquote>標(biāo)簽定義塊引用。
2.2. <blockquote>與</blockquote>之間的所有文本都會(huì)從常規(guī)文本中分離出來(lái), 經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)(增加外邊距), 而且有時(shí)會(huì)使用斜體。也就是說(shuō), 塊引用擁有它們自己的空間。
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標(biāo)簽定義塊引用</title></head><body><p>以下內(nèi)容引用自 WWF 的網(wǎng)站：</p><blockquote>五十年來(lái)，WWF 一直致力于保護(hù)自然界的未來(lái)。世界領(lǐng)先的環(huán)保組織，WWF 工作于 100 個(gè)國(guó)家，并得到美國(guó)一百二十萬(wàn)會(huì)員及全球近五百萬(wàn)會(huì)員的支持。</blockquote></body> </html>2.3.2. 效果圖
3. <abbr>標(biāo)簽
3.1. <abbr>標(biāo)簽定義縮寫或首字母縮略語(yǔ)。表示它所包含的文本是一個(gè)更長(zhǎng)的單詞或短語(yǔ)的縮寫形式。
3.2. 對(duì)縮寫進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜索引擎提供有用的信息。
3.3. 可以在<abbr>標(biāo)簽中使用全局的title屬性, 這樣就能夠在鼠標(biāo)指針移動(dòng)到<abbr>元素上時(shí)顯示出簡(jiǎn)稱/縮寫的完整版本。
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標(biāo)簽定義縮寫或首字母縮略語(yǔ)</title></head><body><p><abbr title="World Health Organization">WHO</abbr>成立于1948年。</p><p>對(duì)縮寫進(jìn)行標(biāo)記能夠?yàn)闉g覽器、翻譯系統(tǒng)以及搜索引擎提供有用的信息。</p></body> </html>3.4.2. 效果圖
4. <dfn>標(biāo)簽
4.1. <dfn>元素定義術(shù)語(yǔ)(項(xiàng)目)或縮寫的定義。術(shù)語(yǔ)定義應(yīng)當(dāng)在<p>, <section>(定義文檔中的節(jié))或定義列表(通常是<dt>, <dd>對(duì))中給出。
4.2. 被定義術(shù)語(yǔ)的值由下列規(guī)則確定:
4.2.1.?如果<dfn>元素有一個(gè) title屬性, 那么該術(shù)語(yǔ)的值就是該屬性的值。
4.2.2.?否則, 如果它僅包含一個(gè)<abbr>元素, 該元素?fù)碛衪itle屬性, 那么該術(shù)語(yǔ)的值就是該屬性的值。
4.2.3.?否則, <dfn>元素的文本內(nèi)容就是該術(shù)語(yǔ), 并且父元素包含定義。
4.3. 現(xiàn)在流行的瀏覽器通常用斜體來(lái)顯示<dfn>中的文本。將來(lái), <dfn>還可能有助于創(chuàng)建文檔的索引或術(shù)語(yǔ)表。
4.4. 與其他許多基于內(nèi)容的樣式和物理樣式標(biāo)簽一樣, <dfn>標(biāo)簽盡量少用為妙。作為一種通用樣式, 尤其在技術(shù)文檔中, 當(dāng)?shù)谝淮涡碌男g(shù)語(yǔ)時(shí), 應(yīng)該將它們與普通文本分開, 這樣讀者可以更好地理解文章當(dāng)前的主題, 而從那以后就不要再對(duì)這個(gè)術(shù)語(yǔ)進(jìn)行任何標(biāo)記了。
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表示術(shù)語(yǔ)的一個(gè)定義</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>標(biāo)簽
5.1. <address>標(biāo)簽定義文檔或文章的聯(lián)系信息(作者/擁有者)。
5.2. 此元素通常以斜體顯示。大多數(shù)瀏覽器會(huì)在此元素前后添加折行。
5.3.?如果<address>元素位于<body>元素內(nèi), 則它表示文檔聯(lián)系信息。
5.4. 如果<address>元素位于<article>(可以定義帖子、文章、博客、評(píng)論)元素內(nèi), 則它表示文章的聯(lián)系信息。
5.5. <address>元素通常連同其他信息被包含在<footer>(定義文檔或節(jié)的頁(yè)腳)元素中。
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元素定義文檔或文章的聯(lián)系信息(作者/擁有者)</title></head><body><p>html address元素定義文檔或文章的聯(lián)系信息(作者/擁有者）。</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>標(biāo)簽
6.1. <cite>標(biāo)簽定義著作的標(biāo)題。
6.2. <cite>標(biāo)簽通常表示它所包含的文本對(duì)某個(gè)參考文獻(xiàn)的引用, 比如書籍或者雜志的標(biāo)題。
6.3. 用<cite>標(biāo)簽把指向其他文檔的引用分離出來(lái), 尤其是分離那些傳統(tǒng)媒體中的文檔, 如書籍、雜志、期刊等等。如果引用的這些文檔有聯(lián)機(jī)版本, 還應(yīng)該把引用包括在一個(gè)<a>標(biāo)簽中, 從而把一個(gè)超鏈接指向該聯(lián)機(jī)版本。
6.4. <cite>標(biāo)簽還有一個(gè)隱藏的功能: 它可以使你或者其他人從文檔中自動(dòng)摘錄參考書目。我們可以很容易地想象一個(gè)瀏覽器, 它能夠自動(dòng)整理引用表格, 并把它們作為腳注或者獨(dú)立的文檔來(lái)顯示。<cite> 標(biāo)簽的語(yǔ)義已經(jīng)遠(yuǎn)遠(yuǎn)超過(guò)了改變它所包含的文本外觀的作用; 它使瀏覽器能夠以各種實(shí)用的方式來(lái)向用戶表達(dá)文檔的內(nèi)容。
6.5. 瀏覽器通常會(huì)以斜體顯示<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標(biāo)簽定義著作的標(biāo)題</title></head><body><p>HTML cite 元素定義著作的標(biāo)題。</p><p>瀏覽器通常會(huì)以斜體顯示 cite 元素。</p><p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p></body> </html>6.6.2. 效果圖
7. <bdo>標(biāo)簽
7.1. <bdo>標(biāo)簽定義雙流向覆蓋(bi-directional override)。
7.2. <bdo>標(biāo)簽用于覆蓋當(dāng)前文本方向。
7.3. <bdo>標(biāo)簽的屬性dir有2個(gè)值, 從左向右進(jìn)行書寫: ltr, 從右向左進(jìn)行書寫: 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標(biāo)簽定義雙流向覆蓋</title></head><body><p>如果您的瀏覽器支持bdo, 則文本將從右向左進(jìn)行書寫(rtl):</p><bdo dir="rtl">This line will be written from right to left</bdo></body> </html>7.4.2. 效果圖
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的023_html引用和术语定义标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 022_html计算机输出标签
- 下一篇： 066_xhtml简介