HTML5的常用的標簽

HTML5對比HTML4新增了很多元素，也刪除了部分元素(可以用css樣式表方式替代)所以我只列出HTML5最常用的幾個標簽。

head標簽中：

<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;">碰見老版的瀏覽器如ie6，將這段代碼加上則相容它

<meta name="keyword" content="富強，民主，文明，和諧">這是一個關鍵字標簽，設置頁面關鍵字可以幫助搜索引擎對該頁面進行查找和分類，它可以提高搜索幾率。有多個關鍵字可以用逗號隔開。
<meta name="description" content="關於社會主義核心價值觀的網站">這是一個頁面主題的描述，也是為了方便搜索引擎的查找。
<meta name="其他" content="其他的描述">通用格式。

<meta http-equiv="refresh" content="5">refresh表示刷新，content表示刷新的時間間隔。
<meta http-equiv="refresh" content="5";url="www.baidu.com">refresh表示刷新，content表示刷新的時間間隔，url表示刷新後即將跳轉的地址。

<title>我是一個HTML頁面<title/>這是一個標題標簽，當你打開多個頁面時可以清楚的知道你打開頁面內容的標題。或者在打開收藏夾中收藏的頁面可以一眼看中你想要打開的那個頁面。

body標簽中：

<a href="www.baidu.com">我是百度搜索的地址鏈接</a>　　這是一個超鏈接標簽，使瀏覽者從一個頁面跳轉到另一個頁面
<a href="文件名">我是一個文件</a>　　這是一個超鏈接標簽，使瀏覽者從一個頁面跳轉到一個文件（如果鏈接在同一級目錄下則輸入文件名稱，要鏈接到上一級先輸入"../"再輸入目錄名、文件名，要鏈接到下一級先輸入目錄名再輸入文件名）
<a href="#當前文件的某個id">我將跳轉到</a>　　a標簽當錨使用，id不允許重覆
<a href="文件名" target="目標視窗的打開方式">我是一個文件</a>　　target為_blank則在新的視窗打開

<p>段落文字</p>段落標記標簽（塊級標簽），開啟一個段落，特點：（段落和段落間有換行標記）
<br/>　　換行標記，特點：（強制換行）
<h1></h1>　　標題標簽（塊級標簽），標題1-6分別對應6種不一樣的標題，且依次減小。特點：（加大加粗）

<span></span>　　行內標簽，特點：（白板，可以加入css樣式以改變文本的樣式）
<div></dic>　　區隔標簽（塊級標簽）表示一塊可顯示的HTML的區域，用於設置字、圖片、表格等擺放位置

 列表/表格：

無序列表-ul
<ul type="">　　type取（disc為實心圓）,type取（circle為空心圓）,type取（square實心方塊）
　　<li>第一項</li>
　　<li>第二項</li>
　　<li>第三項</li>
</ul>

有序列表ol
<ol tyoe="" start="">　　type取（1為數字1234）type取（a為字母abcd）type取（A為字母ABCD）type取（i為羅馬數字i，ii，iii）type取（I為數字I,II,III）,start表示從哪個數值開始如果你不想從1開始的話。
　　<li>第一項</li>
　　<li>第二項</li>
　　<li>第三項</li>
</ol>

定義列表dl
<dl>
　　<dt>第一項</dt>
　　　　<dd>我的名字<dd>　　dd具有縮進作用
</dl>

table表格
<table border="1">　　表格標記,border="1"（創建邊框）
　　<thead>
　　　　<tr>　　行標記
　　　　　　<th>我是第一行的表頭</th>　　表頭（加粗顯示）
　　　　　　<th>我是第二行的表頭</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>我是第二行第一個單元格</td>　　單元格標記
　　　　　　<td>我是第二行第二個單元格</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>我是第三行第一個單元格</td>
　　　　　　<td>我是第三行第二個單元格</td>
　　　　</tr>
　　</tbody>
</table>
#colspan="1"  向右合併一個單元格
#rowspan="1"  向下合併一個單元格

　　在HTML中，<form></form>標簽對用來創建一個表單，即定義表單的開始和結束位置，真正處理表單的數據腳本或程式在action屬性里，這個值可以是程式或腳本的一個完整的url

語法：

<form action="程式或腳本的一個完整的url" method="傳輸的形式" name="方便後臺查找該表單"> #傳輸的形式有post、get（get比post快，get數據會附加在url上傳遞而post是和url分開傳遞的）
　　表單控制項
</form>

input控制項
<input type="text" name="文字欄位的名稱，不能包含特殊字元" size="文本框在頁面中顯示的長度" maxlength="文本框中最多可輸入的字元數" value="定義文本框中的預設值"/>　　text屬性用來設定在表單的文本域中輸入任何文本、數字、字母
<input type="password" name=""...../>　　password屬性使輸入到該文本域中的文字均以****或圓點顯示。
<input type="radio" value="單選按鈕的取值" name="單選按鈕的名稱" checked="checked"/>    單選按鈕，以一個圓框顯示。checked屬性表示這一單選按鈕被預設選中。
<input type="checkbox" value="覆選框的取值" name="覆選框的名稱" checked="checked"/>    覆選框。
<input type="button" value="按鈕的取值" name="按鈕的名稱" onclick="處理程式"/>    普通按鈕，value設置按鈕的文字  #onclick="window.close()"
<input type="submit" value="按鈕的取值" name="按鈕名"/>    提交按鈕，並不需要onclick，單擊該按鈕可以實現表單內容的提交，value設置按鈕的文字。
<input type="reset" value="按鈕的取值" name=""/>    重置按鈕，可以清除表單的內容，恢復到預設值。value設置按鈕的文字。

image控制項
<input type="image" src="圖像地址" name="圖像名稱" alt="" title=""/>　　添加圖片

file控制項
<input type="file" name=""/>　　上傳文件，依賴form表單的一個屬性 enctype="multipart/form-data"

菜單/列表控制項
<select name="下拉菜單的名稱">
　　#<optgroup label="">分組顯示
    <option value="列表項目" name="菜單和列表名稱" multiple="列表項目多選" size="顯示列表數目" selected="selected'>  </option>
    <option value="列表項目">  </option>
    <option value="列表項目">  </option>
</select>

多行文本輸入框
<textarea name="" value="文本域預設值" rows="文本域行數" cols="文本域列數">內容</textarea>

其中能給後臺提交數據的只有form標簽和textarea標簽

HTML標簽彙總：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

HTML符號彙總：https://blog.csdn.net/Iversons/article/details/78996776