1. 程式人生 > >html中具有語義化標籤的元素

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>