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