你需要了解卻不常見的10個Html標籤

高洛峰
發布: 2017-03-12 17:36:17
原創
1233 人瀏覽過

這篇文章講述你需要了解卻不常見的10個Html標籤

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

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

      這裡我給了10個最不常見且常被誤用的HTML標籤。雖然可能不像其他HTML標籤那麼常見,但在某些特殊的情境下,他們仍然相當有用。

1.

     相信大家都對

不陌生吧,但你知道
其實有個小弟叫不? 允許在一個元素中定義一段文字作為引用。一般情況下,瀏覽器會把標籤下的文字設為斜體字,不過這可能會根據CSS有所改變。

      標籤在書籍目錄和其他網站地址引用的時候非常有用。這裡舉出一個如何在一段文字中使用標籤的例子:

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

2.

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

<LABEL for=showtimes>Showtimes</LABEL>
<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.

     標籤通常用於對一句話(詞組)添加定義或更詳細的解釋。當使用者將滑鼠停留在新增了標籤的文字上面,新增的註解或定義會在文字下方顯示。如:

微博網站  Twitter 最近引起了網路上的一股新的風潮!

範例:

微博網站最近引起了網路上的一股新的風潮!

4.

    

標籤是個相當少見的標籤,但這並不代表它沒什麼用處。望文生義,
允許你在HTML中根據語意來標記地址。這個很好用的標籤同樣會把它內部的資料用斜體字標識,不過,這個樣式很容易透過CSS修改。

<address>
中国,上海市,闵行区,XX路,XX小区,XXX室
</address>
登入後複製

範例:

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

 

5.

     如果你想透過標記來顯示文件編輯樣式,剛好可以用到。就像它們的名字,透過一個底線來突出那些被加入文件的內容,而則透過刪除線來顯示那些從中刪除的文字。

没有了驴子,我们的日子还要怎么<DEL>过下去</DEL> <INS>活下去</INS>?
登入後複製

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

6.

     當標記文件時,表格元素很容易被遺忘。在表格元素中,最容易被遺忘的元素之一怕要數

<LABEL for="username">用户名</LABEL>  
<INPUT id="username" type="text">
登入後複製

7.

    

是相當好用的標籤,它可將表單內的相關元素按邏輯分組。一旦這些元素透過
標籤放在一起,另外透過將
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!