91伊人网,日韩免费一区二区三区,欧美不卡一区二区三区

10個你需要了解的不常見的Html標簽(譯)

2009-12-23 10:51:09 作者:cnblogs 來源:cnblogs

如今,Web開發工程師在學習和工作中通常都使用了不止一門語言。因此，對一門語言的方方面面我們很難說得上都去了解,要精通一門語言也是相當有難度，比如語言中一些生僻但可能很有用處的關鍵字用法。

雖然我們以前可能對這些非常少見的HTML標簽并不了解或沒能完全用好他們，不過亡羊補牢，為時未晚，現在開始了解并能在以后的開發中正確的用上這些以前沒用過的標簽也不算太晚。

這里我給出了10個最不常見并且常被人誤用的HTML標簽。雖然可能并不像其他HTML標簽那么常見，但在某些特殊的情景下，他們仍然相當有用。

1. <cite>

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

<cite>標簽在書籍目錄和其他站點地址引用的時候非常有用。這里給出一個如何在一段文字中使用<cite>標簽的例子:

張三的突破性專著張三自傳給網絡帶來一股新氣象.

2. <optgroup>

當你想在一個下拉框中對根據不同類型分組的選項添加一些定義時,<optiongroup>標簽將會非常有用。例如，如果你想根據時間對電影進行分組，代碼可以這樣寫：

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>

例子：

Showtimes

3. <acronym>

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

`1`	`微博網站 <ACRONYM` `title="Founded in 2006"> Twitter</ACRONYM> 最近引起了互聯網上的一股新的風潮！`

例子：

微博網站 Twitter最近引起了互聯網上的一股新的風潮！

4. <address>

<address>標簽是個相當少見的標簽，不過這并不代表它沒什么用處。望文生義，<address>允許你在HTML中根據語義來標記地址。這個很好用的標簽同樣會把它內部的數據用斜體字標識，不過，這個樣式很容易通過CSS修改。

`1`	`<address><BR>中國，上海市，閔行區，XX路，XX小區，XXX室<BR></address>`

例子：

中國，上海市，閔行區，XX路，XX小區，XXX室

5. <ins> 和 <del>

如果你想通過標記來顯示文檔編輯樣式，<ins>和<del>剛好可以用到。就像它們的名字，<ins>通過一個下劃線來突出那些被添加進文檔的內容，而<del>則通過刪除線來顯示那些從中刪除的文字。

`1`	`沒有了驢子,我們的日子還要怎么<DEL>過下去</DEL> <INS>活下去</INS>?`

例子:沒有了驢子,我們的日子還要怎么~~過下去~~ 活下去?

6. <label>

當標記文檔時，表格元素很容易被遺忘。在表格元素中，最容易被遺忘的元素之一怕要數<label>標簽了。但對<label>標簽來說，它不僅可以相當方便的表示一段文字，同時，它更能通過for屬性來指定標簽被用于哪個元素。這些<label>不僅很容易被定義樣式，它們還允許你將標簽的文字設計成像按鈕一樣可以被用戶點擊。

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

7. <fieldset>

<fieldset>是一個相當好用的標簽，它可將表單內的相關元素按邏輯分組。一旦這些元素通過<fieldset>標簽放到一起，另外通過將<label>標簽和fieldset綁定可以為分組定義標題。

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

例子:

你覺得自己牛X么?Yes No

8. <abbr>

<abbr>和<acronym>是一類的標簽，只是<abbr>標簽只用于定義縮寫的詞組。就像<acronym>,相當于你給元素添加了一個標題或稱號。當用戶將鼠標懸停在縮寫詞上面，它的全稱會在下方顯示。<abbr>標簽很少被用到，不過它對屏幕閱讀器，拼寫檢查程序和搜索引擎很有用。

`1`	`他<ABBR` `title="媽">文明用語</ABBR>的`

例子：他文明用語的!

9. rel

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

代碼

<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會找到rel屬性為clickable的link元素，然后它可以接著通過ajax內部改變元素。當然，這個只是你可以應用rel屬性的無數種情況中的一種，你可以用其他方式來很好的使用rel屬性。

10. <wbr>

<wbr>(注2)是個基本已經銷聲匿跡的標簽。坦誠的說，我懷疑讀者中的大多數都沒接觸過這個標簽，畢竟它太少用到了(真的，在寫這篇文章之前，我自己都沒見過這個標簽)。這個標簽允許你指定一塊區域來強制使用換行符，但僅僅是確實必要的時候。該元素很特殊因為它定義在瀏覽器中添加換行符，如果需要的話，它可以在你極力避免瀏覽器中出現橫向的滾動條時實現符合要求的界面。

如果你想在不必使用<wbr>標簽的情況下達到相同的效果，你也可以嘗試或 。但千萬注意，這三個標簽中沒有一個可以完全支持所有瀏覽器的。如果你想看看哪些瀏覽器支持這三種標簽可以看看這篇文章。

譯者注：

注1，實際上rel通常用在a和link標簽中，它常和rev一起出現。

注2，wbr不是標準的html標簽，它最開始是網景公司添加的，但隨后被移除掉了。

附注：

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

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

最后有人可能認為這里的一些標簽都可以用其他一些常見標簽實現相同功能，因此沒必要使用。不過正如回復中沉默楊仔所說：“w3c就是要語義化頁面內容”，對用戶說，可能你可以通過普通標簽實現一樣的功能，但對機器(e.g.屏幕閱讀器，單詞拼寫檢查程序，搜索引擎等)來說，這種標簽它們更容易懂。所以我認為，如果你的網頁中真有這些標簽可以應用的場合，最好還是使用這些標簽來實現相應的功能。

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

安徽新華電腦學校專業職業規劃師為你提供更多幫助【在線咨詢】

上一篇：C# 特性復習之泛型 下一篇：C# Small Tips

相關熱詞搜索：常見標簽

安徽新华电脑专修学院_安徽电脑培训_安徽电脑培训学校_合肥电脑培训