HTML標(biāo)記語言——引用

互聯(lián)網(wǎng) ? 發(fā)布時間：2008-10-17 18:55:18 ? 作者：佚名 ? 我要評論

點擊這里返回網(wǎng)頁教學(xué)網(wǎng)　HTML教程　欄目．

上文：標(biāo)記語言——邪惡表格

原文出處

Chapter 4 引用

“Misquotations are the only quotations tha are never misquoted” (只有錯誤的引用永遠不會被誤用)

- Hesketh Pearson

所有類型的

概要

讓我們快速回顧一下,為什么方法C在標(biāo)記長引用的時候比其他兩種方法棒.

方法A:

無法輕易加上不同的樣式,使它與頁面其他內(nèi)容區(qū)分開來

不提供任何引用的語義,結(jié)構(gòu)標(biāo)識.

方法B:

加上獨特的分類讓我們易于指定樣式,但是

可用,所以根本不需要

如果想要維持頁面/網(wǎng)站的風(fēng)格一致,在標(biāo)記未來新增引用的時候,我們就會被限制在這個方法里面

方法C:

這是W3C為這個目標(biāo)所設(shè)計的元素,能夠標(biāo)識內(nèi)容的意義,結(jié)構(gòu).

容易使用CSS為

元素內(nèi)部的引用加上獨特樣式.

缺少CSS的時候,

預(yù)設(shè)的表現(xiàn)方式足以讓可視化,非可視化瀏覽器提供暗示.

現(xiàn)在是為

打扮一番,尋找樣式創(chuàng)意的好機會.

技巧延伸

我們來看看怎么為

標(biāo)簽的引用內(nèi)容上加上一些有創(chuàng)意的樣式.不過在這之前,讓我們先談?wù)刢ite屬性與行內(nèi)引用.

給好奇寶寶的參考資料

對迂腐的標(biāo)題感到厭倦了么?很好,我也是.在討論引用的時候,一定得提到cite屬性,根據(jù)W3C的規(guī)范,cite屬性的目的是讓設(shè)計者參照引用的出處,也就是說,如果引用是從其他網(wǎng)頁摘錄下來的,我們就可以在cite屬性內(nèi)記錄那份網(wǎng)頁的url.

讓我們看看怎么書寫這個屬性:

Misquotations are the only quotations that are never

misquoted.

— Hesketh Pearson

在書寫這段文字的時候,大多數(shù)瀏覽器都不會特別處理我們剛加上的cite屬性,但是在能夠處理cite屬性的進階css技巧或者scripting程序出現(xiàn)之后,事情就會開始變得有趣了.引言出處本身也是幫助描述標(biāo)簽內(nèi)容的額外資訊,未來將會十分具有價值.

試著把加上cite想成把硬幣丟進儲蓄罐,這些硬幣現(xiàn)在值不了多少,但是未來你將會慶幸一路上你有把它們?nèi)看嫫饋?

行內(nèi)引用

要怎么處理簡短,應(yīng)該是在行內(nèi)參考的引用呢?舉例來說,如果你在這句子中提到其他人說過的話,這時就可以用標(biāo)簽:

I said, Herman, do you like bubblegum? And he said,Yes, the kind that comes with a comic.

這在可視化瀏覽器上多半會顯示成這樣:

I said, Herman, do you like bubblegum? And he said, Yes, the kind that comes with a comic.

不需要引號

大多數(shù)可視化瀏覽器會在使用和的時候自動加上引號,因此你不用自己輸入,W3C也建議加上lang屬性標(biāo)識所應(yīng)用的內(nèi)容語言,某些語言可能會顯示不同的引號.

I said, Herman, do you like bubblegum? And he said, Yes, the kind that comes with a comic.

你可以在W3C的網(wǎng)站上找到所有可用的語言代碼.(www.w3.org/TR/html4/struct/dirlang.html#langcodes)

嵌套的行內(nèi)引用

你也能在引用內(nèi)容中嵌套引用其他文字,搞混了么?我也是,來看看示例吧:

I said, Herman, do you like bubblegum? And he said, Yes. Bubblegum is what Harry calls delicious.

此時瀏覽器會在適當(dāng)?shù)牡胤绞褂秒p引號和單引號,像是這樣.

I said, Herman, do you like bubblegum?And he said, Yes. Bubblegum is what Harry calls delicious.

相關(guān)文章

這篇文章主要介紹了html父子頁面iframe雙向發(fā)消息的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來2020-10-12

這篇文章主要介紹了如何在HTML里加載攝像頭，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-29

這篇文章主要介紹了html-webpack-plugin使用，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-15

這篇文章主要介紹了html直接引用vue和element-ui的方法,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-02

這篇文章主要介紹了詳解HTML中字體使用line-height依然不能垂直居中解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友2020-08-20

這篇文章主要介紹了前端html換膚功能的實現(xiàn)代碼,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-20

這篇文章主要介紹了多個HTML頁面共同調(diào)用一段html代碼的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML中圖片不存在顯示默認(rèn)圖片的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML table行距的改變方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)2020-07-31

這篇文章主要介紹了HTML Table 空白單元格補全的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一2020-07-31

最新評論

總結(jié)

以上是生活随笔為你收集整理的用html标记语言,HTML标记语言——引用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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