語義化標籤
釋義：
顧名思義 有專門用途的標籤，標籤都有它專門的用途。比如 導航標籤nav，底部標籤 footer，就是這樣每個標籤都有它的意思。
這樣做有以下好處
- 更容易被搜索引擎收錄。
- 更容易讓屏幕閱讀器讀出網頁內容。
- 能夠更好的體現頁面的主題
- 兼容性更好，支持更多的網絡設備
相比html4,xhtml來說去掉了很多冗餘的標籤，減少了嚴格格式規範，更加靈活語義化。
Html5標籤分類
佈局結構類標籤
<div> :定義塊級元素.
<span> :定義行業元素.
<header> 5:定義區段或頁面的頁眉.(頭部)
<footer> 5:定義區段或頁面的頁腳.(足部)
<section> 5:定義文檔中的區段.
<article> 5:定義文章.
<aside> 5:定義頁面內容之外的內容.
<details> 5:定義元素的細節.
<summary> 5:定義 <details> 元素可見的標題.
<dialog> 5:定義對話框或窗口.
<nav> 5:定義導航.
<hgroup> 5:定義標題組
佈局示例
<div class="container">
<!--頭部導航欄-->
<header id="header">
<h1>頭部導航欄</h1>
</header>
<!--側邊導航欄-->
<nav id="nav">
html4<br>
xhmtl<br>
html5<br>
</nav>
<!--主要內容-->
<section id="section">
<h2>html4</h2>
<p>
HTML 4 [HTML] 是標準通用標記語言下的一個應用，遵從國際標準ISO 8879，被廣泛的當作 World Wide Web上的標準出版語言。
</p>
<h2>html5</h2>
<p>
HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特徵被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：
? 新的解析規則增強了靈活性
? 新屬性
? 淘汰過時的或冗餘的屬性
? 一個HTML5文檔到另一個文檔間的拖放功能
? 離線編輯
? 信息傳遞的增強
? 詳細的解析規則
? 多用途互聯網郵件擴展（MIME）和協議處理程序註冊
? 在SQL數據庫中存儲數據的通用標準（Web SQL）
</p>
</section>
<!--版權欄-->
<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> :定義圖像地圖內部的區域.
<figure> 5:定義媒介內容的分組.
<figcaption>5:定義 <figure> 元素的標題.
<audio> 5:定義聲音內容.
<source> 5:定義媒介源.
<track> 5:定義用在媒體播放器中的文本軌道.
<video> 5:定義視頻.
<canvas> 5:定義圖形容器，必須使用腳本來繪製圖形。
<meter> 5:定義預定義範圍內的度量.
<progress> 5:定義任何類型的任務的進度.
<iframe> :內聯框架.
格式標籤
<h1>-<h6> :定義 HTML 標題.
<p> :定義段落.
<br> :定義換行.
<hr> :定義水平線.
<em> :定義強調文本.
<strong> :定義語氣更為強烈的強調文本.
<small> :呈現小號字體效果.
<mark>5 :定義有記號的文本.
<del> :定義被刪除文本.
<i> :顯示斜體文本效果.
<b> :呈現粗體文本效果.
<bdo> :定義文字方向.
<pre> :定義預格式文本.
<abbr> :定義縮寫.
<address> :定義文檔作者或擁有者的聯繫信息.
<code> :定義計算機代碼文本.
<ins> :定義被插入文本.
<time> :定義日期/時間.
<dfn> :定義定義項目.
<samp> :定義計算機代碼樣本.
<kbd> :定義鍵盤文本.
<var> :定義文本的變量部分.
<sup> :定義上標文本.
<sub> :定義下標文本.
<cite> :定義引用.
<blockguote>:定義長的引用.
<q> :定義短的引用.
<big> :呈現大號字體效果.
|
