語義化標籤
釋義：
顧名思義 有專門用途的標籤，標籤都有它專門的用途。比如 導(dǎo)航標籤nav，底部標籤 footer，就是這樣每個標籤都有它的意思。
這樣做有以下好處
- 更容易被搜索引擎收錄。
- 更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容。
- 能夠更好的體現(xiàn)頁面的主題
- 兼容性更好，支持更多的網(wǎng)絡(luò)設(shè)備
相比html4,xhtml來說去掉了很多冗餘的標籤，減少了嚴格格式規(guī)範，更加靈活語義化。
Html5標籤分類
佈局結(jié)構(gòu)類標籤
<div> :定義塊級元素.
<span> :定義行業(yè)元素.
<header> 5:定義區(qū)段或頁面的頁眉.(頭部)
<footer> 5:定義區(qū)段或頁面的頁腳.(足部)
<section> 5:定義文檔中的區(qū)段.
<article> 5:定義文章.
<aside> 5:定義頁面內(nèi)容之外的內(nèi)容.
<details> 5:定義元素的細節(jié).
<summary> 5:定義 <details> 元素可見的標題.
<dialog> 5:定義對話框或窗口.
<nav> 5:定義導(dǎo)航.
<hgroup> 5:定義標題組
佈局示例
<div class="container">
<!--頭部導(dǎo)航欄-->
<header id="header">
<h1>頭部導(dǎo)航欄</h1>
</header>
<!--側(cè)邊導(dǎo)航欄-->
<nav id="nav">
html4<br>
xhmtl<br>
html5<br>
</nav>
<!--主要內(nèi)容-->
<section id="section">
<h2>html4</h2>
<p>
HTML 4 [HTML] 是標準通用標記語言下的一個應(yīng)用，遵從國際標準ISO 8879，被廣泛的當作 World Wide Web上的標準出版語言。
</p>
<h2>html5</h2>
<p>
HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體。新的語法特徵被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：
? 新的解析規(guī)則增強了靈活性
? 新屬性
? 淘汰過時的或冗餘的屬性
? 一個HTML5文檔到另一個文檔間的拖放功能
? 離線編輯
? 信息傳遞的增強
? 詳細的解析規(guī)則
? 多用途互聯(lián)網(wǎng)郵件擴展（MIME）和協(xié)議處理程序註冊
? 在SQL數(shù)據(jù)庫中存儲數(shù)據(jù)的通用標準（Web SQL）
</p>
</section>
<!--版權(quán)欄-->
<footer id="footer">
@ http://www.
</footer>
</div>
表格標籤
<table> :定義表格.
<thead> :定義頁眉.
<tbody> :定義主體.
<tfoot> :定義頁腳.
<caption> :定義標題.
<th> :定義表頭.
<tr> :定義一行.
<td> :定義單元格.
表單標籤
<form> :定義表單.(表單包含在form標籤中)
<input> :定義輸入域.
<textarea> :定義文本域.(多行)
<label> :定義一個控制的標籤.(input 元素的標註)
<fieldset> :定義域.
<legend> :定義域的標題.
<select> :定義一個選擇列表.
<optgroup> :定義選擇組.
<option> :定義下拉 列表的選項.
<button> :定義按鈕.(定義圍繞表單中元素的邊框.)
<fieldset> :定義圍繞表單中元素的邊框.
<legend> :定義 fieldset 元素的標題.
<fieldset> 5:定義選項列表.與input 元素配合使用該元素，來定義 input 可能的值.
<keygen> 5:定義表單的密鑰對生成器字段.
<output> 5:定義不同類型的輸出，比如腳本的輸出.
列表標籤
<ul>:定義無序列表.
<ol>:定義有序列表.
<li>:定義列表項.
<dl>:定義自定義列表.
<dt>:定義自定義列表項.
<dd>:定義自定義的描述.
多媒體&其他
<img> :定義圖像.注意加上alt屬性
<a> :定義超鏈接.
<map> :定義圖像映射。
<area> :定義圖像地圖內(nèi)部的區(qū)域.
<figure> 5:定義媒介內(nèi)容的分組.
<figcaption>5:定義 <figure> 元素的標題.
<audio> 5:定義聲音內(nèi)容.
<source> 5:定義媒介源.
<track> 5:定義用在媒體播放器中的文本軌道.
<video> 5:定義視頻.
<canvas> 5:定義圖形容器，必須使用腳本來繪製圖形。
<meter> 5:定義預(yù)定義範圍內(nèi)的度量.
<progress> 5:定義任何類型的任務(wù)的進度.
<iframe> :內(nèi)聯(lián)框架.
格式標籤
<h1>-<h6> :定義 HTML 標題.
<p> :定義段落.
<br> :定義換行.
<hr> :定義水平線.
<em> :定義強調(diào)文本.
<strong> :定義語氣更為強烈的強調(diào)文本.
<small> :呈現(xiàn)小號字體效果.
<mark>5 :定義有記號的文本.
<del> :定義被刪除文本.
<i> :顯示斜體文本效果.
<b> :呈現(xiàn)粗體文本效果.
<bdo> :定義文字方向.
<pre> :定義預(yù)格式文本.
<abbr> :定義縮寫.
<address> :定義文檔作者或擁有者的聯(lián)繫信息.
<code> :定義計算機代碼文本.
<ins> :定義被插入文本.
<time> :定義日期/時間.
<dfn> :定義定義項目.
<samp> :定義計算機代碼樣本.
<kbd> :定義鍵盤文本.
<var> :定義文本的變量部分.
<sup> :定義上標文本.
<sub> :定義下標文本.
<cite> :定義引用.
<blockguote>:定義長的引用.
<q> :定義短的引用.
<big> :呈現(xiàn)大號字體效果.
|
