Xhtml下不常用卻很有用的標(biāo)簽
來源:易賢網(wǎng) 閱讀:930 次 日期:2016-06-22 15:04:56
溫馨提示:易賢網(wǎng)小編為您整理了“Xhtml下不常用卻很有用的標(biāo)簽”,方便廣大網(wǎng)友查閱!

Xhtml有很多不常用卻很有用的標(biāo)簽。有的能事半功倍,有的能改進(jìn)語義,有的則能提高易用性。

Xhtml有很多不常用卻很有用的標(biāo)簽。有的能事半功倍,有的能改進(jìn)語義,有的則能提高易用性,我總結(jié)了一些,總結(jié)的原則是有用而且能用,就是大多數(shù)瀏覽器得支持,否則就不算“上上簽”了。只能望“簽”興嘆又有什么用呢?

<base>標(biāo)簽

作用: 標(biāo)簽為頁(yè)面中所有鏈接指定默認(rèn)鏈接地址或鏈接目標(biāo)。有時(shí)候我們需要讓首頁(yè)的鏈接全部在新窗口中打開,我們一般會(huì)這樣寫鏈接,而使用這個(gè)標(biāo)簽就能一下搞定了!

屬性:

Href:鏈接地址

target:目標(biāo),他的值可以是_blank,_parent,_self,_top,可以在除Strict模式下使用,這個(gè)用法我最先是在163.com上發(fā)現(xiàn)的。

用法:

<head><!—寫在head標(biāo)簽之間-->

<base /> <!—將默認(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)。國(guó)外還有人用很變態(tài)地方法用這三個(gè)表其做出標(biāo)題能跟隨表格,或者tbody固定高度,多出的行數(shù)出現(xiàn)滾動(dòng)條。有興趣的可以搜素下或者是這做一下。

注意:如果您使用 thead、tfoot 以及 tbody

元素,您就必須使用全部的元素。它們的出現(xiàn)次序是:thead、tfoot、tbody,這樣瀏覽器就可以在收到所有數(shù)據(jù)前呈現(xiàn)頁(yè)腳了。

用法:

<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),雖然他們?cè)诟鱾€(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)表單的易用性。看看下面的用法:點(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>國(guó)外</option>

</optgroup>

</select>

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

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:Xhtml下不常用卻很有用的標(biāo)簽
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)