被忽略卻很有用的html標籤

高洛峰
發布: 2017-03-12 17:30:48
原創
1504 人瀏覽過

這篇文章介紹被忽略卻很有用的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>
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板