html中具有語義化標籤的元素
阿新 • • 發佈:2019-01-10
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>