html中具有語義化標籤的元素

1.h1,h2
2.ul,ol和dl
<dl> 標籤定義了定義列表(definition list)。
<dl> 標籤用於結合 <dt> (定義列表中的項目)和 <dd> (描述列表中的項目)

<dl>
   <dt>計算機</dt>
   <dd>用來計算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
3.strong,em //em用來強調文本一般呈現爲斜體
4.fieldset,legend,label
//通過對縮寫詞語進行標記,您就能夠爲瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎
//分度器提供有用的信息
legent,fieldset組合表單中的相關元素
<form>
  <fieldset>
    <legend>health information</legend>
    height: <input type="text" />
    weight: <input type="text" />
  </fieldset>
</form>
5. blockquote和cite
<blockquote> 標籤定義塊引用。
<blockquote></blockquote> 之間的所有文本都會從常規文本中分離出來,經常會在左、右兩邊進行縮進(增加外邊距),而且有時會使用斜體。也就是說,塊引用擁有它們自己的空間。
定義和用法
<cite> 標籤通常表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜誌的標題。
按照慣例,引用的文本將以斜體顯示。
用 <cite> 標籤把指向其他文檔的引用分離出來,尤其是分離那些傳統媒體中的文檔,如書籍、雜誌、期刊,等等。如果引用的這些文檔有聯機版本,還應該把引用包括在一個 <a> 標籤中,從而把一個超鏈接指向該聯機版本。
<cite> 標籤還有一個隱藏的功能:它可以使你或者其他人從文檔中自動摘錄參考書目。我們可以很容易地想象一個瀏覽器,它能夠自動整理引用表格,並把它們作爲腳註或者獨立的文檔來顯示。<cite> 標籤的語義已經遠遠超過了改變它所包含的文本外觀的作用;它使瀏覽器能夠以各種實用的方式來向用戶表達文檔的內容。
6.abbr acronym,code
<abbr> 標籤指示簡稱或縮寫,比如 "WWW""NATO"。
通過對縮寫進行標記,您能夠爲瀏覽器、拼寫檢查和搜索引擎提供有用的信息
<acronym> 標籤定義首字母縮寫。
縮寫能夠作爲單詞來朗讀,例如 NATO, NASA, ASAP, GUI。
通過對縮寫進行標記,您能夠爲瀏覽器、拼寫檢查和搜索引擎提供有用的信息
<code> 標籤用於表示計算機源代碼或者其他機器可以閱讀的文本內容
7.caption,thead,tbody和tfoot
caption 元素定義表格標題。
caption 標籤必須緊隨 table 標籤之後。您只能對每個表格定義一個標題。通常這個標題會被居中於表格之上
thead 定義表頭
<table border="1">
 <caption>this is a test</caption>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章