Xhtml有很多不常用卻很有用的標籤。有的能事半功倍,有的能改進語義,有的則能提高易用性,我總結了一些,總結的原則是有用而且能用,就是大多數瀏覽器得支持,否則就不算上上簽了。只能望簽興嘆又有什麼用呢?
<base>標籤作用:
Href:鏈接地址
target:目標,他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用,這個用法我最先是在163.com上發現的。
用法:<head><!—写在head标签之间--><basehref=http://www.qq.com//><!—將默認鏈接定義為http://www.qq.com/-->
<basetarget=_blank/><!—將默認鏈接目標定義為新窗口中打開-->
</head> <caption>標籤
作用: caption標籤用來定義表格的標題,給表格定義一個標題,來說明這個表格是乾什麼的,豈不是很有語義,caption應該寫在table之後,默認的樣式是居中顯示在表格的頂部。你可以通過css來改變它的樣式。用法:
<tablewidth=200border=1><caption><!--caption應該寫在table之後-->
其實我是caption
</caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table> <thead>標籤、<tbody>標籤、<tfoot>標籤
作用:thead、tfoot 以及tbody標籤跟他們的名字那樣,分別是表格的頭部(很多人只是用th)、主題、和底部,他們能讓表格更加語義化的同時,也能讓我們更加方便的控製表格的表現。國外還有人用很變態地方法用這三個表其做出標題能跟隨表格,或者tbody固定高度,多出的行數出現滾動條。有興趣的可以搜素下或者是這做一下。
注意:如果您使用thead、tfoot 以及tbody 元素,您就必須使用全部的元素。它們的出現次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數據前呈現頁腳了。
用法:
<tableborder=1><thead>
<tr>
<th>科目</th>
<th>分數</th>
</tr>
</thead>
<tfoot>
<tr>
<td>總分</td>
<td>159</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>語文</td>
<td>99</td>
</tr>
<tr>
<td>數學</td>
<td>60</td>
</tr>
</tbody>
</table> <fieldset>標籤和<legend>標籤
作用: <fieldset>元素用來分類表單中的元素,而<legend>則能給這個組定義一個標題。你一定見過類似下面domo的佈局吧!他們也可以通過css定義樣式。用法:
<form><fieldset>
<legend>基本信息</legend>
姓名:<inputtype=text/>
性別:<inputtype=text/>
</fieldset>
</form> <sub> 標籤和<sup> 標籤
作用:<sub> 標籤和<sub> 標籤分別是上標和下標,雖然他們在各個瀏覽器的表現不一樣,你
同樣可以使用css定義他們的樣式。
用法:
2<sup>我是上标</sup>2<sub>我是下標</sub> <label>標籤
作用: label 標籤的使用可以擴大表單的點擊區域來改進表單的易用性。看看下面的用法:點擊文字的時候相當於點擊了單選控件,這樣用戶體驗是不是會更好一些?用法:
<form><labelfor=nan>先生</label>
<inputtype=radioname=sexid=nan/>
<br/>
<labelfor=nv>女士</label>
<inputtype=radioname=sexid=nv/>
</form>
<optgroup> 標籤作用:標籤可以給select中的option進行分組,這在下拉項目很多的時候很有用,配合label標籤給每組命名。你也可以像淘寶那樣給每組用css定義不同的顏色。用法:
<select><optgrouplabel=自駕游><!--配合label標籤給每組命名-->
<option>省內</option>
<option>省外</option>
</optgroup>
<optgrouplabel=旅行社>
<option>省內</option>
<option>省外</option>
<option>國外</option>
</optgroup>
</select>
你如果對更多的xhtml標籤感興趣,可以考慮看一看《HTML和XHTML權威指南》這本書,你也能在網上找到電子版的。我看過英文影印版的,雖然是英文但也不是太難看懂。
你要是知道其他很有用的標籤告訴我們吧!