HTML5中常用的标签(及标签的属性和作用)
1、標簽:<!DOCTYPE>
作用:聲明是文檔中的第一成分，位于<html>標簽之前。
2、標簽:<html>
作用:此元素可告知瀏覽器其自身是一個HTML文檔。
屬性:manifest:值(url)為脫機使用定義緩存信息。
3、標簽:<head>
作用:標簽用于定義文檔的頭部，它是所有頭部元素的容器。
屬性:profile:值(URL)一個有空格分隔的URL列表，這些URL包含著有關頁面的元數據信息。
4、標簽:<title>
作用:元素可定義文檔的標題。
屬性:dir:值(rtl,ltr)規(guī)定元素中內容的文本方向。
lang:值(language_code)規(guī)定元素中內容的語言代碼。
xml:lang:值(language_code)規(guī)定XHTML文檔中元素內容的語言代碼。
5、標簽:<body>
作用:元素定義文檔的主體。
屬性:alink:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用，請使用樣式取代它。規(guī)定文檔中活動鏈接(active link)的顏色。
background:值(URL)不贊成使用。請使用樣式取代它。規(guī)定文檔的背景圖像。
bgcolor:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規(guī)定文檔中的背景顏色。
link:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規(guī)定文檔中未訪問鏈接的默認顏色。
text:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規(guī)定文檔中所以文本的顏色。
vlink:值(reb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取代它。規(guī)定文檔中已被訪問鏈接的顏色。
6、標簽:<h1>到<h6>標簽
作用:<h1>-<h6>標簽了定義標題。<h1>定義最大的標題，<h6>定義最小的標題。
屬性:align:值(left,center,right,justify)不推薦使用。請使用樣式取代它。規(guī)定標題中文本的排列。
7、標簽:<p>
作用:標簽定義段落。
屬性:align:值(left,center,right,justify)不推薦使用。請使用樣式取代它。規(guī)定標題中文本的排列方式。
8、標簽:<br>
作用:可插入一個簡單的換行符。
屬性:沒有可選屬性。
9、標簽:<hr>
作用:標簽在HTML頁面創(chuàng)建一條水平線。
屬性:align:值(center,left,right)不贊成使用。請使用樣式取代它。規(guī)定hr元素的對齊方式。
noshade:值(noshade)不贊成使用。請使用樣式取代它。規(guī)定hr元素的顏色呈現為純色。
size:值(pixels)不贊成使用。請使用樣式取代它。規(guī)定hr元素的高度(厚度)。
width:值(pixels %)不贊成使用。請使用樣式取代它。規(guī)定hr元素的寬度。
10、標簽<!-- -->
作用:注釋標簽用于在源文檔中插入注釋。
屬性:沒有可選屬性。
11、標簽:<ul>
作用:標簽定義無序列表。
屬性:compact:值(compact)不贊成使用。請使用樣式取代它。規(guī)定列表呈現的效果比正常情況更小巧。
type:值(disc,square,circle)不贊成使用。請使用樣式取代它。規(guī)定列表的項目符號的類型。
12、標簽:<ol>
作用:標簽定義有序列表。
屬性:compact:值(compact)HTML5 中不支持。HTML4.01 中不贊成使用。規(guī)定列表呈現的效果比正常情況更小巧。
reversed:值(reversed)規(guī)定列表順序為降序。(9,8,7...)
start:值(number)規(guī)定有序列表的起始值。
type:值(1,A,a,I,i)規(guī)定在列表中使用的標記類型。
13、標簽:<li>
作用:標簽定義列表項目。<li>標簽可使用在有序列表（<ol>）和無序列表（<ul>）中。
屬性:type:值(A,a,I,i,1,disc,square,circle)不贊成使用。請使用樣式代替它。規(guī)定使用哪種項目符號。
value:值(number)不贊成使用。請使用樣式代替它。規(guī)定列表項目的數字。
14、標簽:<dl>
作用:標簽定義了定義列表。標簽用于結合<dt>(定義列表中的項目)和<dd>(描述列表中的項目)。
屬性:沒有可選屬性。
15、標簽:<dt>
作用:標簽定義了定義列表中的項目。
屬性:沒有可選屬性。
16、標簽:<dd>
作用:在定義列表中定義條目的定義部分。
屬性:沒有可選屬性。
17、標簽:<a>
作用:標簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。<a>元素最重要的屬性是href屬性，它指示鏈接的目標。
屬性:charset:值(char_encoding)HTML5中不支持。規(guī)定被鏈接文檔的字符集。
coords:值(coordinates)HTML5中不支持。規(guī)定鏈接的坐標。
download:值(filename)規(guī)定被下載的超鏈接目標。
href:值(URL)規(guī)定鏈接指向的頁面的URL。
hreflang:值(language_code)規(guī)定被鏈接文檔的語言。
media:值(media_query)規(guī)定被鏈接文檔是為何種媒介/設備優(yōu)化的。
name:值(section_name)HTML5中不支持。規(guī)定錨的名稱。
rel:值(text)規(guī)定當前文檔與被鏈接文檔之間的關系。
rev:值(text)HTML5中不支持。規(guī)定鏈接文檔與當前文檔之間的關系。
shape:值(default,rect,circle,poly)HTML5中不支持。規(guī)定鏈接的形狀。
target:值(_blank,_parent,_self,_top,framename)規(guī)定在何處打開鏈接文檔。
type:值(MIME type)規(guī)定被鏈接文檔的的MIME類型。
18、標簽:<nav>
作用:標簽定義導航鏈接的部分。
屬性:沒有可選屬性。
19、標簽:<table>
作用:標簽定義HTML表格。
屬性:align:值(left,center,right)不贊成使用。請使用樣式代替。規(guī)定表格相對周圍元素的對齊方式。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式代替。規(guī)定表格的背景顏色。
border:值(pixels)規(guī)定表格邊框的寬度。
cellpadding:值(pixels %)規(guī)定單元邊沿與其內容之間的空白。
cellspacing:值(pixels %)規(guī)定單元格之間的空白。
frame:值(void,above,below,hsides,lhs,rhs,vsides,box,border)規(guī)定外側邊框的哪個部分是可見的。
rules:值(none,groups,rows,cols,all)規(guī)定內側邊框的哪個部分是可見的。
summar:值(text)規(guī)定表格的摘要。
width:值(% pixels)規(guī)定表格的寬度。
20、標簽:<caption>
作用:標簽定義表格的標題。<caption>標簽必須直接放置到<table>標簽之后。
屬性:align:值(left,right,top,bottom)不贊成使用。請使用樣式取而代之。規(guī)定標題的對齊方式。
21、標簽:<th>列
作用:定義表格內的表頭單元格。<th>元素內部的文本會呈現為居中的粗體文本。
屬性:abbr:值(text)規(guī)定單元格中內容的縮寫版本。
align:值(left,right,center,justify,char)規(guī)定單元格內容的水平對齊方式。
axis:值(category_name)對單元格進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不推薦使用。請使用樣式代替它。規(guī)定表格單元格的背景顏色。
char:值(character)規(guī)定根據哪個字符來進行內容的對齊。
charoff:值(number)規(guī)定對齊字符的偏移量。
colspan:值(number)設置單元格可橫跨的列數。
headers:值(idrefs)有空格分隔的表頭單元格ID列表，為數據單元格提供表頭信息。
height:值(pixels %)不推薦使用。請使用樣式代替它。規(guī)定表格單元格的高度。
nowrap:值(nowrap)不推薦使用。請使用樣式替代它。規(guī)定單元格中的內容是否折行。
rowspan:值(number)規(guī)定單元格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭數據與單元數據相關聯的方法。
valign:值(top,middle,bottom,baseline)規(guī)定單元格內容的垂直排列方式。
width:值(pixels %)不推薦使用。請使用樣式取而代之。規(guī)定表格單元格的寬度。
22、標簽:<tr>行
作用:標簽定義HTML表格中的行。
屬性:align:值(right,left,center,justify,char)定義表格行的內容對齊方式。
bgcolor:值(rgb(x,x,x)#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規(guī)定表格行的背景顏色。
char:值(character)規(guī)定根據哪個字符來進行文本對齊。
charoff:值(number)規(guī)定第一個對齊字符的偏移量。
valign:值(top,middle,bottom,baseline)規(guī)定表格行內容。
23、標簽:<td>普通列
作用:標簽定義了定義列表中的項目。td元素內的文本通常是左對齊。
屬性:abbr:值(text)規(guī)定單元格中內容的縮寫版本。
align:值(left,right,center,justify,char)規(guī)定單元格內容的水平對齊方式。
axis:值(category_name)對單元進行分類。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不贊成使用。請使用樣式取而代之。規(guī)定單元格的背景顏色。
char:值(character)規(guī)定根據哪個字符來進行內容的對齊。
charoff:值(number)規(guī)定對齊字符的偏移量。
colspan:值(number)規(guī)定單元格可橫跨的列數。
headers:值(header_cells'_id)規(guī)定與單元格相關的表頭。
height:值(pixels %)不贊成使用。請使用樣式取而代之。規(guī)定表格單元格的高度。
nowrap:值(nowrap)不贊成使用。請使用樣式取而代之。規(guī)定單元格中的內容是否折行。
rowspan:值(number)規(guī)定單元格可橫跨的行數。
scope:值(col,colgroup,row,rowgroup)定義將表頭數據與單元數據相關聯的方法。
valign:值(top，middle，bottom，baseline)規(guī)定單元格內容的垂直排列方式。
width:值(pixels %)不贊成使用。請使用樣式取而代之。規(guī)定表格單元格的寬度。
24、標簽:<img>
作用:img元素向網頁中嵌入一幅圖像。
屬性:必需的屬性:src屬性:值(URL)規(guī)定顯示圖像的URL和alt屬性:值(text)規(guī)定圖像的代替文本。
可選屬性:align:值(top,bottom,middle,left,right)不推薦使用。規(guī)定如何根據周圍的文本來排列圖像。
border:值(pixels)不推薦使用。定義圖像周圍的邊框。
height:值(pixels %)定義圖像的高度。
hspace:值(pixels)不推薦使用，定義圖像左側和右側的空白。
ismap:值(URL)將圖像定義為服務器端圖像映射。
longdesc:值(URL)指向包含長的圖像描述文檔的URL。
usemap:值(URL)將圖像定義為客戶器端圖像映射。
vspace:值(pixels)不推薦使用。定義圖像頂部和底部的空白。
width:值(pixels %)設置圖像的寬度。
25、標簽:<audio>
作用:元素能夠播放聲音文件或者音頻流。
屬性:autoplay:值(autoplay)如果出現該屬性，則音頻在就緒后馬上播放。
controls:值(controls)如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
loop:值(loop)如果出現該屬性，則每當音頻結束時重新開始播放。
muted:值(muted)規(guī)定視頻輸出應該被靜音。
preload:值(preload)如果出現該屬性，則音頻在頁面加載時進行加載，并預備播放，如果使用"autoplay",則忽略該屬性。
src:值(url)要播放的音頻URL。
26、標簽<video>
作用:HTML5規(guī)定了一種通過video元素來包含視頻的標準方式。
屬性:autoplay:值(autoplay)如果出現該屬性，則視頻在就緒后馬上播放。
controls:值(controls)如果出現該屬性，則向用戶顯示控件，比如播放按鈕。
height:值(pixels)設置視頻播放器的高度。
loop:值(loop)如果出現該屬性，則當媒介文件完成播放后再次開始播放。
preload:值(preload)如果出現該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用"autoplay",則忽略該屬性。
src:值(url)要播放的視頻的url。
width:值(pixels)設置視頻播放器的寬度。
27、標簽<source>
作用:標簽為媒介元素，定義媒介資源。
屬性:media:值(media query)規(guī)定媒體資源的類型。
src:值(url)規(guī)定媒體文件的URL。
type:值(numeric value)規(guī)定媒體資源的MIME類型。
28、標簽:<form>
作用:標簽用于為用戶輸入創(chuàng)建HTML表單。
屬性:accept:值(MIME_type)HTML5中不支持。
accept-charset:值(charset_list)規(guī)定服務器可處理的表單數據字符集。
action:值(URL)規(guī)定當提交表單時向何處發(fā)送表單數據。
autocomplete:值(on,off)規(guī)定是否啟用表單的自動完成功能。
method:值(get,post)規(guī)定用于發(fā)送form-data 的http方法。
name:值(form_name)規(guī)定表單的名稱。
target:值(_blank,_self,_parent,_top,foamename)規(guī)定在何處打開 action URL。
29、標簽:<input>
作用:標簽用于收集用戶信息。
屬性:accept:值(mime_type)規(guī)定通過文件上傳來提交的文件的類型。
align:值(left,right,top,middle,bottom)不贊成使用。規(guī)定圖像輸入的對齊方式。
alt:值(text)定義圖像輸入的替代文本。
autocomplete:值(on,off)規(guī)定是否使用輸入字段的自動完成功能。
autofocus:值(autofocus)規(guī)定輸入字段在頁面加載時是否獲得焦點。
checked:值(checked)規(guī)定此input元素首次加載時應當被選中。
disabled:值(disabled)當input元素加載時禁用此元素。
form:值(formname)規(guī)定輸入字段所屬的一個或多個表單。
formaction:值(url)覆蓋表單的action屬性。
height:值(pixels %)定義input字段的高度。
list:值(datalist-id)引用包含輸入字段的預定義選項的datalist。
max:值(number,date)規(guī)定輸入字段的最大值。
maxlength:值(number)規(guī)定輸入字段中的字符的最大長度。
min:值(number,date)規(guī)定輸入字段的最小值。
name:值(field_name)定義input元素的名稱。
readonly:值(readonly)規(guī)定輸入字段為只讀。
size:值(number_of_char)定義輸入字段的寬度。
type:值(button,checkbox,file,hidden,image,password,radio,reset,submit,text)規(guī)定input元素的類型。
value:值(value)規(guī)定input元素的值。
width:值(pixels,%)定義input字段的寬度。
30、標簽:<textarea>
作用:標簽定義多行的文本輸入控件。
屬性:autofocus:值(autofocus)規(guī)定在頁面加載后文本區(qū)域自動獲得焦點。
cols:值(number)規(guī)定文本區(qū)內的可見寬度。
disabled:值(disabled)規(guī)定禁用該文本區(qū)。
form:值(form_id)規(guī)定文本區(qū)域所屬的一個或多個表單。
maxlength:值(number)規(guī)定文本區(qū)域的最大字符數。
name:值(name_of_textarea)規(guī)定文本區(qū)的名稱。
placeholder:值(text)規(guī)定描述文本區(qū)域預期值的簡短提示。
readonly:值(readonly)規(guī)定文本區(qū)為只讀。
rows:值(number)規(guī)定文本區(qū)域的可見行數。
31、標簽:<button>
作用:標簽定義一個按鈕。
屬性:disabled:值(disabled)規(guī)定應該禁用該按鈕。
form:值(form_name)規(guī)定按鈕屬于一個或多個表單。
name:值(button_name)規(guī)定按鈕的名稱。
type:值(button,reset,submit)規(guī)定按鈕的類型。
value:值(text)規(guī)定按鈕的初始值。
32、標簽:<select>
作用:元素可創(chuàng)建單選或多選菜單。
屬性:data:值(url)供自動插入數據。
disabled:值(true,false)當該屬性為true時，會禁用該菜單。
form:值(true,false)定義select字段所屬的一個或多個表單。
multiple:值(true,false)當該屬性為true時，規(guī)定可一次選定多個項目。
name:值(unique_name)定義下拉列表的唯一標識符。
size:值(number)定義菜單中可見項目的數目。不支持
33、標簽:<optgroup>
作用:標簽定義選項組。
屬性:label:值(text)為選項組規(guī)定描述。
disabled:值(disabled)規(guī)定禁用該選項組。
34、標簽:<option>
作用:元素定義下拉列表中的一個選項。
屬性:disabled:值(disabled)規(guī)定次選項應在首次加載時被禁用。
label:值(text)定義使用<optgroup>時所使用的標注。
selected:值(selected)規(guī)定選項表現為選中狀態(tài)。
value:值(text)定義送往服務器的選項值。
35、標簽:表單域
{
單行文本域：<input type="text" />
密碼文本域：<input type="password" />
單選按鈕：<input type="radio" />
多選按鈕：<input type="checkbox" />
隱藏域：<input type="hidden" />
提交按鈕：<input type="submit" />
重置按鈕：<input type="reset" />
自定義按鈕：<input type="button" />
文件上傳：<input type="file"/>
多行文本域：<textarea />
下拉列表域：<select />
}
?
注：可能不是很齊全，但基本上都是一些常用的。
轉載于:https://www.cnblogs.com/laibin/p/5842067.html
總結
以上是生活随笔為你收集整理的HTML5中常用的标签(及标签的属性和作用)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： WebService的两种方式SOAP和
- 下一篇： 基于Laravel开发博客应用系列 ——