HTML標記語言——引用

互聯網 ? 發布時間：2008-10-17 18:55:18 ? 作者：佚名 ? 我要評論

點擊這里返回網頁教學網　HTML教程　欄目．

上文：標記語言——邪惡表格

原文出處

Chapter 4 引用

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

- Hesketh Pearson

所有類型的

概要

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

方法A:

無法輕易加上不同的樣式,使它與頁面其他內容區分開來

不提供任何引用的語義,結構標識.

方法B:

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

可用,所以根本不需要

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

方法C:

這是W3C為這個目標所設計的元素,能夠標識內容的意義,結構.

容易使用CSS為

元素內部的引用加上獨特樣式.

缺少CSS的時候,

預設的表現方式足以讓可視化,非可視化瀏覽器提供暗示.

現在是為

打扮一番,尋找樣式創意的好機會.

技巧延伸

我們來看看怎么為

標簽的引用內容上加上一些有創意的樣式.不過在這之前,讓我們先談談cite屬性與行內引用.

給好奇寶寶的參考資料

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

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

Misquotations are the only quotations that are never

misquoted.

— Hesketh Pearson

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

試著把加上cite想成把硬幣丟進儲蓄罐,這些硬幣現在值不了多少,但是未來你將會慶幸一路上你有把它們全部存起來.

行內引用

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

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.

不需要引號

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

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

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

嵌套的行內引用

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

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

此時瀏覽器會在適當的地方使用雙引號和單引號,像是這樣.

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

相關文章

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

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

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

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

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

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

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

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

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

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

最新評論

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。