国产一区二区精品久久_蜜桃狠狠狠狠狠狠狠狠狠_午夜视频精品_激情都市一区二区

當(dāng)前位置：首頁(yè) > 網(wǎng)站舊欄目 > 學(xué)習(xí)園地 > 程序開(kāi)發(fā)教程 > 10個(gè)你需要了解的不常見(jiàn)的Html標(biāo)簽(譯)

10個(gè)你需要了解的不常見(jiàn)的Html標(biāo)簽(譯)
2009-12-23 10:51:09  作者:cnblogs  來(lái)源:cnblogs

      如今,Web開(kāi)發(fā)工程師在學(xué)習(xí)和工作中通常都使用了不止一門(mén)語(yǔ)言。因此，對(duì)一門(mén)語(yǔ)言的方方面面我們很難說(shuō)得上都去了解,要精通一門(mén)語(yǔ)言也是相當(dāng)有難度，比如語(yǔ)言中一些生僻但可能很有用處的關(guān)鍵字用法。

      雖然我們以前可能對(duì)這些非常少見(jiàn)的HTML標(biāo)簽并不了解或沒(méi)能完全用好他們，不過(guò)亡羊補(bǔ)牢，為時(shí)未晚，現(xiàn)在開(kāi)始了解并能在以后的開(kāi)發(fā)中正確的用上這些以前沒(méi)用過(guò)的標(biāo)簽也不算太晚。

      這里我給出了10個(gè)最不常見(jiàn)并且常被人誤用的HTML標(biāo)簽。雖然可能并不像其他HTML標(biāo)簽?zāi)敲闯Ｒ?jiàn)，但在某些特殊的情景下，他們?nèi)匀幌喈?dāng)有用。

1. <cite>

     相信大家都對(duì)<blockquote>不陌生吧，但你知道<blockquote>其實(shí)有個(gè)小弟叫<cite>不？<cite>允許在一個(gè)元素中定義一段文本作為引用。一般情況下，瀏覽器會(huì)把<cite>標(biāo)簽下的文本設(shè)置為斜體字，不過(guò)這可能會(huì)根據(jù)CSS有所改變。

      <cite>標(biāo)簽在書(shū)籍目錄和其他站點(diǎn)地址引用的時(shí)候非常有用。這里給出一個(gè)如何在一段文字中使用<cite>標(biāo)簽的例子:

       張三的突破性專(zhuān)著張三自傳給網(wǎng)絡(luò)帶來(lái)一股新氣象.

2. <optgroup>

     當(dāng)你想在一個(gè)下拉框中對(duì)根據(jù)不同類(lèi)型分組的選項(xiàng)添加一些定義時(shí),<optiongroup>標(biāo)簽將會(huì)非常有用。例如，如果你想根據(jù)時(shí)間對(duì)電影進(jìn)行分組，代碼可以這樣寫(xiě)：

1 <LABEL for=showtimes>Showtimes</LABEL><BR><SELECT id=showtimes name=showtimes><OPTGROUP label=1PM></OPTGROUP> <OPTION selected value=titanic>Twister</OPTION> <OPTION value=nd>Napoleon Dynamite</OPTION><OPTION value=wab>What About Bob?</OPTION><OPTGROUP label=2PM></OPTGROUP> <OPTION value=bkrw>Be Kind Rewind</OPTION> <OPTION value=stf>Stranger Than Fiction</OPTION></SELECT>

例子：

3. <acronym>

     <acronym>標(biāo)簽通常用于對(duì)一句話(詞組)添加定義或者更詳細(xì)的解釋。當(dāng)用戶將鼠標(biāo)停留在添加了<acronym>標(biāo)簽的文字上面，添加的注釋或定義會(huì)在文字下方顯示。如：

1 微博網(wǎng)站 <ACRONYM title="Founded in 2006"> Twitter</ACRONYM> 最近引起了互聯(lián)網(wǎng)上的一股新的風(fēng)潮！

例子：

微博網(wǎng)站 Twitter最近引起了互聯(lián)網(wǎng)上的一股新的風(fēng)潮！

4. <address>

     <address>標(biāo)簽是個(gè)相當(dāng)少見(jiàn)的標(biāo)簽，不過(guò)這并不代表它沒(méi)什么用處。望文生義，<address>允許你在HTML中根據(jù)語(yǔ)義來(lái)標(biāo)記地址。這個(gè)很好用的標(biāo)簽同樣會(huì)把它內(nèi)部的數(shù)據(jù)用斜體字標(biāo)識(shí)，不過(guò)，這個(gè)樣式很容易通過(guò)CSS修改。

1 <address><BR>中國(guó)，上海市，閔行區(qū)，XX路，XX小區(qū)，XXX室<BR></address>

例子：

中國(guó)，上海市，閔行區(qū)，XX路，XX小區(qū)，XXX室

 

5. <ins> 和 <del>

     如果你想通過(guò)標(biāo)記來(lái)顯示文檔編輯樣式，<ins>和<del>剛好可以用到。就像它們的名字，<ins>通過(guò)一個(gè)下劃線來(lái)突出那些被添加進(jìn)文檔的內(nèi)容，而<del>則通過(guò)刪除線來(lái)顯示那些從中刪除的文字。

1 沒(méi)有了驢子,我們的日子還要怎么<DEL>過(guò)下去</DEL> <INS>活下去</INS>?

例子:沒(méi)有了驢子,我們的日子還要怎么過(guò)下去 活下去?

6. <label>

     當(dāng)標(biāo)記文檔時(shí)，表格元素很容易被遺忘。在表格元素中，最容易被遺忘的元素之一怕要數(shù)<label>標(biāo)簽了。但對(duì)<label>標(biāo)簽來(lái)說(shuō)，它不僅可以相當(dāng)方便的表示一段文字，同時(shí)，它更能通過(guò)for屬性來(lái)指定標(biāo)簽被用于哪個(gè)元素。這些<label>不僅很容易被定義樣式，它們還允許你將標(biāo)簽的文字設(shè)計(jì)成像按鈕一樣可以被用戶點(diǎn)擊。

1 <LABEL for="username">用戶名</LABEL>  <BR><INPUT id="username" type="text">

7. <fieldset>

     <fieldset>是一個(gè)相當(dāng)好用的標(biāo)簽，它可將表單內(nèi)的相關(guān)元素按邏輯分組。一旦這些元素通過(guò)<fieldset>標(biāo)簽放到一起，另外通過(guò)將<label>標(biāo)簽和fieldset綁定可以為分組定義標(biāo)題。

1 <FORM><FIELDSET>  <BR><LEGEND>你覺(jué)得自己牛X么?</LEGEND>  <BR>Yes<INPUT value=yes type=radio name=yes>  <BR>No <INPUT value=no type=radio name=no>  <BR></FIELDSET>  <BR></FORM>

例子:

你覺(jué)得自己牛X么?Yes No

8. <abbr>

     <abbr>和<acronym>是一類(lèi)的標(biāo)簽，只是<abbr>標(biāo)簽只用于定義縮寫(xiě)的詞組。就像<acronym>,相當(dāng)于你給元素添加了一個(gè)標(biāo)題或稱號(hào)。當(dāng)用戶將鼠標(biāo)懸停在縮寫(xiě)詞上面，它的全稱會(huì)在下方顯示。<abbr>標(biāo)簽很少被用到，不過(guò)它對(duì)屏幕閱讀器，拼寫(xiě)檢查程序和搜索引擎很有用。

1 他<ABBR title="媽">文明用語(yǔ)</ABBR>的

例子：他文明用語(yǔ)的!

9. rel

    Rel是一個(gè)相當(dāng)有用的屬性，基本上任何一個(gè)HTML元素都可以應(yīng)用Rel屬性(注1)。它可以為那些沒(méi)有別的方式提供詳細(xì)信息的元素提供額外的信息。這在javascript和HTML一起工作時(shí)尤其有用。如果你有一個(gè)你可能想在內(nèi)部編輯，你可以這樣添加代碼：

 

代碼 
<html>
<body>
<p><a id="myAnchor" rel="index"
href="http://www.w3school.com.cn">Visit W3School.com.cn</a></p>
<script type="text/javascript">
x=document.getElementById("myAnchor");
document.write(x.rel);
</script>
</body>
</html>

 

     javascript會(huì)找到rel屬性為clickable的link元素，然后它可以接著通過(guò)ajax內(nèi)部改變?cè)亍．?dāng)然，這個(gè)只是你可以應(yīng)用rel屬性的無(wú)數(shù)種情況中的一種，你可以用其他方式來(lái)很好的使用rel屬性。

10. <wbr>

     <wbr>(注2)是個(gè)基本已經(jīng)銷(xiāo)聲匿跡的標(biāo)簽。坦誠(chéng)的說(shuō)，我懷疑讀者中的大多數(shù)都沒(méi)接觸過(guò)這個(gè)標(biāo)簽，畢竟它太少用到了(真的，在寫(xiě)這篇文章之前，我自己都沒(méi)見(jiàn)過(guò)這個(gè)標(biāo)簽)。這個(gè)標(biāo)簽允許你指定一塊區(qū)域來(lái)強(qiáng)制使用換行符，但僅僅是確實(shí)必要的時(shí)候。該元素很特殊因?yàn)樗x在瀏覽器中添加換行符，如果需要的話，它可以在你極力避免瀏覽器中出現(xiàn)橫向的滾動(dòng)條時(shí)實(shí)現(xiàn)符合要求的界面。

如果你想在不必使用<wbr>標(biāo)簽的情況下達(dá)到相同的效果，你也可以嘗試&#8203;或&shy; 。但千萬(wàn)注意，這三個(gè)標(biāo)簽中沒(méi)有一個(gè)可以完全支持所有瀏覽器的。如果你想看看哪些瀏覽器支持這三種標(biāo)簽可以看看這篇文章。

 

譯者注：

注1，實(shí)際上rel通常用在a和link標(biāo)簽中，它常和rev一起出現(xiàn)。

注2，wbr不是標(biāo)準(zhǔn)的html標(biāo)簽，它最開(kāi)始是網(wǎng)景公司添加的，但隨后被移除掉了。

 

附注：

      這篇文章僅僅是一個(gè)參考，實(shí)際上，由于一些地方使用和解釋得并不清楚, 它也引起了比較多的爭(zhēng)論，建議如果確實(shí)對(duì)這些標(biāo)簽有興趣研究的朋友，可以參看下原文地址并仔細(xì)的查看文章的一些回復(fù)。

      另外有朋友認(rèn)為這些少見(jiàn)的標(biāo)簽兼容性會(huì)很差，所以我們應(yīng)少用。然而恰恰相反，上面列舉的標(biāo)簽，除了最后一個(gè)不符合標(biāo)準(zhǔn)不推薦使用之外，其他都符合W3C標(biāo)準(zhǔn)，它們兼容目前任何主流瀏覽器。當(dāng)然，由于<acronym>和<abbr>功能基本一樣，在新的html 5標(biāo)準(zhǔn)中不推薦使用<acronym>，w3c推薦用<abbr>代替<acronym>。

       最后有人可能認(rèn)為這里的一些標(biāo)簽都可以用其他一些常見(jiàn)標(biāo)簽實(shí)現(xiàn)相同功能，因此沒(méi)必要使用。不過(guò)正如回復(fù)中沉默楊仔所說(shuō)：“w3c就是要語(yǔ)義化頁(yè)面內(nèi)容”，對(duì)用戶說(shuō)，可能你可以通過(guò)普通標(biāo)簽實(shí)現(xiàn)一樣的功能，但對(duì)機(jī)器(e.g.屏幕閱讀器，單詞拼寫(xiě)檢查程序，搜索引擎等)來(lái)說(shuō)，這種標(biāo)簽它們更容易懂。所以我認(rèn)為，如果你的網(wǎng)頁(yè)中真有這些標(biāo)簽可以應(yīng)用的場(chǎng)合，最好還是使用這些標(biāo)簽來(lái)實(shí)現(xiàn)相應(yīng)的功能。

       原文地址:http://net.tutsplus.com/articles/web-roundups/10-rare-html-tags-you-really-should-know/


安徽新華電腦學(xué)校專(zhuān)業(yè)職業(yè)規(guī)劃師為你提供更多幫助【在線咨詢】
相關(guān)熱詞搜索：常見(jiàn) 標(biāo)簽