被忽略卻很有用的html標籤-html教學-PHP中文網

被忽略卻很有用的html標籤

高洛峰

發布： 2017-03-12 17:30:48

原創

1494 人瀏覽過

這篇文章介紹被忽略卻很有用的html標籤

#標籤

作用：標籤為頁面中所有連結指定預設連結位址或連結目標。有時候我們需要讓首頁的鏈接全部在新窗口中打開，我們一般會這樣寫鏈接，而使用這個標籤就能一下搞定了！屬性：Href:連結位址 target:目標，他的值可以是_blank,_parent,_self,_

top

,可以在除Strict模式下使用。

用法：

<head><!—写在head标签之间-->
<base href="http://www.qq.com/"/> <!—将默认链接定义为http://www.qq.com/-->
<base target="_blank"/> <!—将默认链接目标定义为新窗口中打开-->
</head>
<body>
<a href="#">我可没写链接地址哦</a>
</body>

登入後複製

標籤作用：caption標籤用來定義

表格

的標題，為表格定義一個標題，來說明這個表格是乾什麼的，豈不是很有“語義”，caption應該寫在table之後，預設的樣式是居中顯示在表格的頂部。你可以透過css來改變它的樣式。

用法：

<table width="200" border="1">
<caption><!--caption应该写在table之后--> 其实我是caption </caption>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>

登入後複製

#標籤、標籤、標籤 #作用：thead、tfoot 以及tbody標籤跟他們的名字那樣，分別是表格的頭部（很多人只是用th）、主題、和底部，他們能讓表格更加

語義化

的同時，也能讓我們更方便的控製表格的表現。國外還有人用很變態地方法用這三個表其做出標題能跟隨表格，或者tbody固定高度，多出的行數出現滾動條。有興趣的可以搜素下或是這做一下。

用法：

<table border="1">
  <thead>
    <tr>
        <th>科目</th>
        <th>分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>语文</td>
      <td>99</td>
    </tr>
    <tr>
      <td>数学</td>
      <td>60</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>总分</td>
      <td>159</td>
    </tr>
  </tfoot>
</table>

登入後複製

標籤和標籤

#作用：

元素用來分類表單中的元素，而則能為這個群組定義一個標題。你一定看過類似下面domo的佈局吧！他們也可以透過css定義樣式。

用法:

<form>
  <fieldset>
    <legend>基本信息</legend>
    姓名: <inputtype="text"/> 
    性别: <inputtype="text"/>
  </fieldset></form>

登入後複製

^{標籤與_{標籤
#作用：_{標籤和_{標籤分別是上標和下標，雖然他們在各個瀏覽器的表現不一樣，你同樣可以使用css定義他們的樣式。}}
用法：
<p>2<sup>我是上标</sup></p>
<p>2<sub>我是下标</sub></p>
登入後複製

標籤
作用：label標籤的使用可以擴大表單的點擊區域來改善表單的易用性。看看下面的用法：點擊文字的時候相當於點擊了單選控件，這樣用戶體驗是不是會更好一些？
用法：
<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>
登入後複製

# 標籤    #作用：標籤可以將select中的option分組，這在下拉項目很多的時候很有用，配合label標籤為每組命名。你也可以像淘寶一樣給每組用css定義不同的顏色。

用法：
<select>
<optgroup label="自驾游">
<option>省内</option>
<option>省外</option>
</optgroup>
<optgroup label="旅行社">
<option>省内</option>
<option>省外</option>
<option>国外</option>
</optgroup></select>
登入後複製

##執行結果：
################################################################# ####### ###以上是被忽略卻很有用的html標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！}}