用html标记语言,HTML标记语言——引用
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html 图片能重叠吗,css两张图片怎
- 下一篇: android批量删除图片,Androi