主頁 > 知識庫 > Xhtml下不常用卻很有用的標(biāo)簽

Xhtml下不常用卻很有用的標(biāo)簽

熱門標(biāo)簽:電銷機(jī)器人外呼失敗怎么回事 南寧銷售外呼系統(tǒng)線路商 吃雞地圖標(biāo)注設(shè)置 400電話座機(jī)怎么辦理 縣域地圖標(biāo)注點(diǎn) 齊齊哈爾地圖標(biāo)注地點(diǎn) 邵陽市地圖標(biāo)注app 400電話申請好不好 天津銷售電銷機(jī)器人公司
 Xhtml有很多不常用卻很有用的標(biāo)簽。有的能事半功倍,有的能改進(jìn)語義,有的則能提高易用性,我總結(jié)了一些,總結(jié)的原則是有用而且能用,就是大多數(shù)瀏覽器得支持,否則就不算“上上簽”了。只能望“簽”興嘆又有什么用呢?
<base>標(biāo)簽
    作用: 標(biāo)簽為頁面中所有鏈接指定默認(rèn)鏈接地址或鏈接目標(biāo)。有時(shí)候我們需要讓首頁的鏈接全部在新窗口中打開,我們一般會(huì)這樣寫鏈接,而使用這個(gè)標(biāo)簽就能一下搞定了!
    屬性:
        Href:鏈接地址
        target:目標(biāo),他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用,這個(gè)用法我最先是在163.com上發(fā)現(xiàn)的。
    用法:
<head><!—寫在head標(biāo)簽之間--> 
<base href="http://www.qq.com/" /> <!—將默認(rèn)鏈接定義為http://www.qq.com/--> 
<base target="_blank" /> <!—將默認(rèn)鏈接目標(biāo)定義為新窗口中打開--> 
</head>


<caption>標(biāo)簽
    作用:caption標(biāo)簽用來定義表格的標(biāo)題,給表格定義一個(gè)標(biāo)題,來說明這個(gè)表格是干什么的,豈不是很有“語義”,caption應(yīng)該寫在table之后,默認(rèn)的樣式是居中顯示在表格的頂部。你可以通過css來改變它的樣式。
    用法:

<table width="200" border="1" > 
<caption> <!--caption應(yīng)該寫在table之后--> 
其實(shí)我是caption 
</caption> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td>&nbsp;</td> 
</tr> 
</table>


<thead>標(biāo)簽、<tbody>標(biāo)簽、<tfoot>標(biāo)簽
    作用:thead、tfoot 以及 tbody標(biāo)簽跟他們的名字那樣,分別是表格的頭部(很多人只是用th)、主題、和底部,他們能讓表格更加語義化的同時(shí),也能讓我們更加方便的控制表格的表現(xiàn)。國外還有人用很變態(tài)地方法用這三個(gè)表其做出標(biāo)題能跟隨表格,或者tbody固定高度,多出的行數(shù)出現(xiàn)滾動(dòng)條。有興趣的可以搜素下或者是這做一下。
注意:如果您使用 thead、tfoot 以及 tbody 元素,您就必須使用全部的元素。它們的出現(xiàn)次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁腳了。
    用法:

<table border="1"> 
<thead> 
<tr> 
<th>科目</th> 
<th>分?jǐn)?shù)</th> 
</tr> 
</thead> 
<tfoot> 
<tr> 
<td>總分</td> 
<td>159</td> 
</tr> 
</tfoot> 
 
<tbody> 
<tr> 
<td>語文</td> 
<td>99</td> 
</tr> 
<tr> 
<td>數(shù)學(xué)</td> 
<td>60</td> 
</tr> 
</tbody> 
</table>


<fieldset>標(biāo)簽和<legend>標(biāo)簽
    作用:<fieldset>元素用來分類表單中的元素,而<legend>則能給這個(gè)組定義一個(gè)標(biāo)題。你一定見過類似下面domo的布局吧!他們也可以通過css定義樣式。
    用法:

<form> 
<fieldset> 
<legend>基本信息</legend> 
姓名: <input type="text" /> 
性別: <input type="text" /> 
</fieldset> 
</form>


<sub> 標(biāo)簽和<sup> 標(biāo)簽
    作用:<sub> 標(biāo)簽和<sub> 標(biāo)簽分別是上標(biāo)和下標(biāo),雖然他們在各個(gè)瀏覽器的表現(xiàn)不一樣,你
同樣可以使用css定義他們的樣式。
    用法:

2<sup>我是上標(biāo)</sup> 
2<sub>我是下標(biāo)</sub>


<label>標(biāo)簽
    作用:label 標(biāo)簽的使用可以擴(kuò)大表單的點(diǎn)擊區(qū)域來改進(jìn)表單的易用性??纯聪旅娴挠梅ǎ狐c(diǎn)擊文字的時(shí)候相當(dāng)于點(diǎn)擊了單選控件,這樣用戶體驗(yàn)是不是會(huì)更好一些?
    用法:

<form> 
<label for="nan">先生</label> 
<input type="radio" name="sex" id="nan" /> 
<br /> 
<label for="nv">女士</label> 
<input type="radio" name="sex" id="nv" /> 
</form>

<optgroup> 標(biāo)簽
    作用: 標(biāo)簽可以給select中的option進(jìn)行分組,這在下拉項(xiàng)目很多的時(shí)候很有用,配合label標(biāo)簽給每組命名。你也可以像淘寶那樣給每組用css定義不同的顏色。
    用法:
<select> 
<optgroup label="自駕游"> <!--配合label標(biāo)簽給每組命名--> 
<option>省內(nèi)</option> 
<option>省外</option> 
</optgroup> 
<optgroup label="旅行社"> 
<option>省內(nèi)</option> 
<option>省外</option> 
<option>國外</option> 
</optgroup> 
</select>

    你如果對更多的xhtml標(biāo)簽感興趣,可以考慮看一看《HTML和XHTML權(quán)威指南》這本書,你也能在網(wǎng)上找到電子版的。我看過英文影印版的,雖然是英文但也不是太難看懂。
    你要是知道其他很有用的標(biāo)簽告訴我們吧!

標(biāo)簽:贛州 寧波 濟(jì)寧 衡水 ???/a> 寧夏 日照 延安

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Xhtml下不常用卻很有用的標(biāo)簽》,本文關(guān)鍵詞  Xhtml,下不,常用,卻,很有,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Xhtml下不常用卻很有用的標(biāo)簽》相關(guān)的同類信息!
  • 本頁收集關(guān)于Xhtml下不常用卻很有用的標(biāo)簽的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章