欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

互聯(lián)網(wǎng)   發(fā)布時(shí)間：2008-10-17 18:55:18   作者：佚名   我要評(píng)論
點(diǎn)擊這里返回網(wǎng)頁(yè)教學(xué)網(wǎng)　HTML教程　欄目． 上文：標(biāo)記語(yǔ)言——邪惡表格 原文出處 Chapter 4 引用 “Misquotations are the only quotations tha are never misquoted” (只有錯(cuò)誤的引用永遠(yuǎn)不會(huì)被誤用) - Hesketh Pearson 所有類型的
概要
讓我們快速回顧一下,為什么方法C在標(biāo)記長(zhǎng)引用的時(shí)候比其他兩種方法棒.
方法A: 無(wú)法輕易加上不同的樣式,使它與頁(yè)面其他內(nèi)容區(qū)分開(kāi)來(lái) 不提供任何引用的語(yǔ)義,結(jié)構(gòu)標(biāo)識(shí).
方法B: 加上獨(dú)特的分類讓我們易于指定樣式,但是<blockquote>可用,所以根本不需要 如果想要維持頁(yè)面/網(wǎng)站的風(fēng)格一致,在標(biāo)記未來(lái)新增引用的時(shí)候,我們就會(huì)被限制在這個(gè)方法里面
方法C: 這是W3C為這個(gè)目標(biāo)所設(shè)計(jì)的元素,能夠標(biāo)識(shí)內(nèi)容的意義,結(jié)構(gòu). 容易使用CSS為<blockquote>元素內(nèi)部的引用加上獨(dú)特樣式. 缺少CSS的時(shí)候,<blockquote>預(yù)設(shè)的表現(xiàn)方式足以讓可視化,非可視化瀏覽器提供暗示.
現(xiàn)在是為<blockquote>打扮一番,尋找樣式創(chuàng)意的好機(jī)會(huì). 技巧延伸
我們來(lái)看看怎么為<blockquote>標(biāo)簽的引用內(nèi)容上加上一些有創(chuàng)意的樣式.不過(guò)在這之前,讓我們先談?wù)刢ite屬性與行內(nèi)引用. 給好奇寶寶的參考資料
對(duì)迂腐的標(biāo)題感到厭倦了么?很好,我也是.在討論引用的時(shí)候,一定得提到cite屬性,根據(jù)W3C的規(guī)范,cite屬性的目的是讓設(shè)計(jì)者參照引用的出處,也就是說(shuō),如果引用是從其他網(wǎng)頁(yè)摘錄下來(lái)的,我們就可以在cite屬性內(nèi)記錄那份網(wǎng)頁(yè)的url.
讓我們看看怎么書(shū)寫(xiě)這個(gè)屬性:

<blockquote cite="http://www.somewebsite.com/path/to/page.html"
<p>Misquotations are the only quotations that are never
misquoted.</p>
<p>&#8212; Hesketh Pearson </p>
</blockquote>

在書(shū)寫(xiě)這段文字的時(shí)候,大多數(shù)瀏覽器都不會(huì)特別處理我們剛加上的cite屬性,但是在能夠處理cite屬性的進(jìn)階css技巧或者scripting程序出現(xiàn)之后,事情就會(huì)開(kāi)始變得有趣了.引言出處本身也是幫助描述標(biāo)簽內(nèi)容的額外資訊,未來(lái)將會(huì)十分具有價(jià)值.
試著把加上cite想成把硬幣丟進(jìn)儲(chǔ)蓄罐,這些硬幣現(xiàn)在值不了多少,但是未來(lái)你將會(huì)慶幸一路上你有把它們?nèi)看嫫饋?lái).
行內(nèi)引用
要怎么處理簡(jiǎn)短,應(yīng)該是在行內(nèi)參考的引用呢?舉例來(lái)說(shuō),如果你在這句子中提到其他人說(shuō)過(guò)的話,這時(shí)就可以用<q>標(biāo)簽:

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

這在可視化瀏覽器上多半會(huì)顯示成這樣:
I said, Herman, do you like bubblegum? And he said, Yes, the kind that comes with a comic. 不需要引號(hào)
大多數(shù)可視化瀏覽器會(huì)在使用<q>和</q>的時(shí)候自動(dòng)加上引號(hào),因此你不用自己輸入,W3C也建議加上lang屬性標(biāo)識(shí)所應(yīng)用的內(nèi)容語(yǔ)言,某些語(yǔ)言可能會(huì)顯示不同的引號(hào).

I said, <q lang="en-us">Herman, do you like bubblegum? </q> And he said, <q lang="en-us">Yes, the kind that comes with a comic.</q>

你可以在W3C的網(wǎng)站上找到所有可用的語(yǔ)言代碼.(www.w3.org/TR/html4/struct/dirlang.html#langcodes) 嵌套的行內(nèi)引用
你也能在引用內(nèi)容中嵌套引用其他文字,搞混了么?我也是,來(lái)看看示例吧:
I said, <q lang="en-us">Herman, do you like bubblegum? </q> And he said, <q lang="en-us">Yes. Bubblegum is what Harry calls <q lang="en-us">delicious</q>.</q>
此時(shí)瀏覽器會(huì)在適當(dāng)?shù)牡胤绞褂秒p引號(hào)和單引號(hào),像是這樣.
I said, Herman, do you like bubblegum? And he said, Yes. Bubblegum is what Harry calls delicious.

相關(guān)文章

  • HTML 表格詳解（簡(jiǎn)單易懂較詳細(xì)）

    HTML表格用于在網(wǎng)頁(yè)上展示數(shù)據(jù),通過(guò)標(biāo)簽及其相關(guān)標(biāo)簽來(lái)創(chuàng)建,表格由行和列組成,每一行包含一個(gè)或多個(gè)單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細(xì)介紹HTML表格
    2025-03-12

  • 禁止HTML頁(yè)面滾動(dòng)的操作方法

    本文介紹了三種禁止HTML頁(yè)面滾動(dòng)的方法：通過(guò)CSS的overflow屬性、使用JavaScript的滾動(dòng)事件監(jiān)聽(tīng)器以及使用CSS的position:fixed屬性,每種方法都有其適用場(chǎng)景和優(yōu)缺點(diǎn)，感興
    2025-02-24

  • 使用HTML和CSS實(shí)現(xiàn)文字鏤空效果的代碼示例

    在 Web 開(kāi)發(fā)中，文本的視覺(jué)效果是提升用戶體驗(yàn)的重要因素之一,通過(guò) CSS 技巧，我們可以創(chuàng)造出許多獨(dú)特的效果，例如文字鏤空效果,本文將帶你一步一步實(shí)現(xiàn)一個(gè)簡(jiǎn)單的文字鏤空
    2024-11-17

  • Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼

    在Html中,a標(biāo)簽?zāi)J(rèn)的超鏈接樣式是藍(lán)色字體配下劃線,這可能不滿足所有設(shè)計(jì)需求,如需去除這些默認(rèn)樣式,可以通過(guò)CSS來(lái)實(shí)現(xiàn),本文給大家介紹Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
    2024-09-25

  • HTML文本域如何設(shè)置為禁止用戶手動(dòng)拖動(dòng)

    在HTML中,可以通過(guò)設(shè)置CSS的resize屬性為none,來(lái)禁止用戶手動(dòng)拖動(dòng)文本域（textarea）的大小,這種方法簡(jiǎn)單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進(jìn)行測(cè)試以確保
    2024-09-25

  • 如何通過(guò)HTML/CSS 實(shí)現(xiàn)各類進(jìn)度條的功能

    本文詳細(xì)介紹了如何利用HTML和CSS實(shí)現(xiàn)多種風(fēng)格的進(jìn)度條,包括基礎(chǔ)的水平進(jìn)度條、環(huán)形進(jìn)度條以及球形進(jìn)度條等,還探討了如何通過(guò)動(dòng)畫(huà)增強(qiáng)視覺(jué)效果,內(nèi)容涵蓋了使用HTML原生標(biāo)簽
    2024-09-19

  • HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)

    Canvas 提供了一套強(qiáng)大的 2D 繪圖 API，適用于各種圖形繪制、圖像處理和動(dòng)畫(huà)制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁(yè)圖形應(yīng)用，這篇文章主要介紹了HTML中Canvas關(guān)鍵知識(shí)點(diǎn)總結(jié)
    2024-06-03

  • html table+css實(shí)現(xiàn)可編輯表格的示例代碼

    本文主要介紹了html table+css實(shí)現(xiàn)可編輯表格的示例代碼，主要使用HTML5的contenteditable屬性，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)
    2024-03-06

  • HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果

    本文主要介紹了HTML中使用Flex布局實(shí)現(xiàn)雙行夾批效果，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)
    2024-02-22

  • HTML+CSS實(shí)現(xiàn)炫酷登錄切換的項(xiàng)目實(shí)踐

    在網(wǎng)站開(kāi)發(fā)中，登錄頁(yè)面是必不可少的一部分，本文就來(lái)介紹一下HTML+CSS實(shí)現(xiàn)登錄切換，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需
    2024-02-02

最新評(píng)論