HTML中還有許多用于格式化文本的元素，我們?cè)贖TML文本基礎(chǔ)文章。本文中描述的元素不那么為人所知，但是了解這些元素仍然很有用(而且這仍然不是一個(gè)完整的列表)。在這里，您將學(xué)習(xí)如何標(biāo)記引文、描述列表、計(jì)算機(jī)代碼和其他相關(guān)文本、下標(biāo)和上標(biāo)、聯(lián)系信息等。

先決條件：
基本的HTML熟悉性，如開始使用HTML。HTML文本格式，如HTML文本基礎(chǔ).
目標(biāo)：
學(xué)習(xí)如何使用不太知名的HTML元素來(lái)標(biāo)記高級(jí)語(yǔ)義特性。
描述列表
在HTML文本基礎(chǔ)知識(shí)中，我們介紹了如何標(biāo)記基本列表在HTML中，但是我們沒有提到第三種類型的列表-描述列表。這些列表的目的是標(biāo)記一組項(xiàng)目及其相關(guān)描述，如術(shù)語(yǔ)和定義，或問答。讓我們看一組術(shù)語(yǔ)和定義的示例：

自言自語(yǔ)的戲劇中，一個(gè)角色對(duì)自己說(shuō)話，表達(dá)他們內(nèi)心的想法或感受，并在這個(gè)過(guò)程中將他們傳達(dá)給觀眾(但不是其他角色)。話劇中的獨(dú)白，劇中一個(gè)角色大聲地說(shuō)出他們的想法，與在場(chǎng)的觀眾和任何其他角色分享他們的想法。在戲劇中，一個(gè)角色只為了幽默或戲劇效果而與觀眾分享評(píng)論。這通常是一種感覺、想法或其他背景信息。
描述列表使用與其他列表類型不同的包裝器-

；此外，每個(gè)術(shù)語(yǔ)都封裝在元素，并且每個(gè)描述都封裝在

(描述定義)元素。讓我們完成對(duì)示例的標(biāo)記：

獨(dú)白

在戲劇中，一個(gè)角色對(duì)自己說(shuō)話，表達(dá)他們內(nèi)心的想法或感受，并在這個(gè)過(guò)程中將他們傳達(dá)給觀眾(而不是其他角色)。

獨(dú)白

在戲劇中，一個(gè)角色大聲地說(shuō)出他們的想法，與在場(chǎng)的觀眾和其他角色分享他們的想法。

撇開

在戲劇中，一個(gè)角色只為了幽默或戲劇效果而與觀眾分享評(píng)論。這通常是一種感覺、想法或其他背景信息。

瀏覽器默認(rèn)樣式將顯示描述列表，說(shuō)明部分縮進(jìn)了術(shù)語(yǔ)。

請(qǐng)注意，允許具有多個(gè)描述的單個(gè)術(shù)語(yǔ)，例如：

撇開

在戲劇中，一個(gè)角色只為了幽默或戲劇效果而與觀眾分享評(píng)論。這通常是一種感覺、想法或其他背景信息。

在寫作中，與當(dāng)前主題相關(guān)的一段內(nèi)容，但并不能直接融入主要的內(nèi)容流，因此在附近(通常是在旁邊的一個(gè)方框中)。

主動(dòng)學(xué)習(xí)：標(biāo)記一組定義
是時(shí)候嘗試處理描述列表了；將元素添加到輸入字段中顯示為描述列表。輸出量場(chǎng)。如果你愿意的話，你可以嘗試使用你自己的術(shù)語(yǔ)和描述。

如果您犯了錯(cuò)誤，可以使用復(fù)位紐扣。如果你真的被卡住了，按下示解按鈕看答案。

引文
HTML還具有標(biāo)記引號(hào)的功能；您使用的元素取決于是標(biāo)記塊還是內(nèi)聯(lián)引號(hào)。

區(qū)塊引號(hào)
如果塊級(jí)內(nèi)容的一部分(無(wú)論是段落、多個(gè)段落、列表等)引用自其他地方，則應(yīng)將其包裝在<區(qū)塊報(bào)價(jià)>元素中包含指向引號(hào)源的URL。引文屬性。例如，以下標(biāo)記取自MDN<區(qū)塊報(bào)價(jià)>元素頁(yè)：

這個(gè)<強(qiáng)壯>HTML<電碼>區(qū)塊報(bào)價(jià)>；

下面是一段粗俗的引語(yǔ)..。

<區(qū)塊報(bào)價(jià) 引文="Https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">

這個(gè)<強(qiáng)壯>HTML<電碼>區(qū)塊報(bào)價(jià)>；

內(nèi)聯(lián)報(bào)價(jià)
內(nèi)聯(lián)引文的工作方式完全相同，但它們使用的是元素。例如，下面的標(biāo)記位包含來(lái)自MDN的引用頁(yè)：

引用元素-<電碼>Q>；

引文
的內(nèi)容引文屬性聽起來(lái)很有用，但是不幸的是，瀏覽器、屏幕閱讀器等等并沒有對(duì)它做太多事情。沒有辦法讓瀏覽器顯示引文，而不用使用JavaScript或CSS編寫自己的解決方案。如果您想在頁(yè)面上提供引號(hào)的來(lái)源，您需要通過(guò)鏈接或其他適當(dāng)?shù)姆绞绞蛊湓谖谋局锌捎谩?/p>

有一個(gè)元素，但這意味著包含被引用的資源的標(biāo)題，例如書的名稱。但是，沒有理由不能將文本鏈接到內(nèi)部。以某種方式引用：

根據(jù)<一個(gè) href="Https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote"> <引文>MDN區(qū)塊報(bào)價(jià)頁(yè)面

<區(qū)塊報(bào)價(jià) 引文=“Https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote”>

這個(gè)<強(qiáng)壯>HTML<電碼>區(qū)塊報(bào)價(jià)>；

引用元素-<電碼>Q>；

主動(dòng)學(xué)習(xí)：誰(shuí)說(shuō)的？
是時(shí)候做另一個(gè)主動(dòng)學(xué)習(xí)的例子了！在本例中，我們希望您：

將中間段轉(zhuǎn)換為塊引號(hào)，其中包括引文屬性。
將第三段中的“消除消極自我對(duì)話的需要”轉(zhuǎn)換為內(nèi)聯(lián)引號(hào)，并包括引文屬性。
將每個(gè)源的相應(yīng)標(biāo)題包裝在標(biāo)記并將每個(gè)標(biāo)記轉(zhuǎn)換成指向該源的鏈接。
你需要的引文來(lái)源如下：

孔子名言的http://www.brainyquote.com/quotes/authors/c/confucius.html
Http://www.affirmationsforpositivethinking.com用于“需要消除消極的自我對(duì)話”。
如果您犯了錯(cuò)誤，可以使用復(fù)位紐扣。如果你真的被卡住了，按下示解按鈕看答案。

縮略語(yǔ)
在瀏覽Web時(shí)，您將遇到的另一個(gè)相當(dāng)常見的元素是-用于環(huán)繞縮寫或首字母縮略詞，并提供術(shù)語(yǔ)的全面擴(kuò)展(包括在標(biāo)題(屬性)讓我們看幾個(gè)例子：

我們用

我認(rèn)為

注*還有另一個(gè)因素，<縮寫>，它基本上與，專門用于縮略語(yǔ)而不是縮略語(yǔ)。然而，這已經(jīng)被廢棄了–它在瀏覽器中也不受支持。，和具有如此相似的功能，因此兩者兼而有之被認(rèn)為是毫無(wú)意義的。只管用相反。

主動(dòng)學(xué)習(xí)：標(biāo)記縮寫
對(duì)于這個(gè)簡(jiǎn)單的主動(dòng)學(xué)習(xí)作業(yè)，我們希望你簡(jiǎn)單地標(biāo)記一個(gè)縮寫。您可以使用下面的示例，或者用您自己的示例替換它。

標(biāo)記聯(lián)系人詳細(xì)信息
HTML有一個(gè)標(biāo)記聯(lián)系人詳細(xì)信息的元素-<地址>。這只是簡(jiǎn)單地封裝了您的聯(lián)系人詳細(xì)信息，例如：

<地址>

克里斯·米爾斯，曼徹斯特，格林北部，英國(guó)

<地址>

克里斯·米爾斯<溴>曼徹斯特<溴>格林北部<溴>英國(guó)

• <李>電話：01234 567890

<地址>

寫成的一頁(yè)<一個(gè) href="/作者/克里斯-米爾斯/">克里斯·米爾斯

我的生日是25號(hào)<蘇普>TH

表示計(jì)算機(jī)代碼
有許多元素可用于使用HTML標(biāo)記計(jì)算機(jī)代碼：

<代碼>*對(duì)計(jì)算機(jī)代碼中的通用代碼進(jìn)行標(biāo)記。

為了保留空白(通常是代碼塊)--如果您在文本中使用縮進(jìn)或多余的空白，瀏覽器將忽略它，并且您不會(huì)在呈現(xiàn)的頁(yè)面上看到它。如果您將文本包裝在但是，您的空白將與您在文本編輯器中看到它的方式相同。 *專門標(biāo)記變量名稱。 *對(duì)輸入到計(jì)算機(jī)的鍵盤(和其他類型)輸入進(jìn)行標(biāo)記。 用于標(biāo)記計(jì)算機(jī)程序的輸出。 讓我們看幾個(gè)例子。你應(yīng)該試著用這些來(lái)玩(試著拿一份我們的Other-semantics.html(樣本檔案)：<預(yù)><電碼>Var Para=document.querySelector(‘p’)；n npara.οnclick=function(){n警報(bào)(‘owww，停止戳我！’)；n}

總結(jié)

以上是生活随笔為你收集整理的高级文本格式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。