视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML5中常用的标签总结
2020-11-27 15:31:54 责编:小采
文档


1、标签:<!DOCTYPE>
作用:声明是文档中的第一成分,位于<html>标签之前。

2、标签:<html>
作用:此元素可告知浏览器其自身是一个HTML文档。
属性:manifest:值(url)为脱机使用定义缓存信息。

3、标签:<head>
作用:标签用于定义文档的头部,它是所有头部元素的容器。
属性:profile:值(URL)一个有空格分隔的URL列表,这些URL包含着有关页面的元数据信息。

4、标签:<title>
作用:元素可定义文档的标题。
属性:dir:值(rtl,ltr)规定元素中内容的文本方向。
lang:值(language_code)规定元素中内容的语言代码。
xml:lang:值(language_code)规定XHTML文档中元素内容的语言代码。

5、标签:<body>
作用:元素定义文档的主体。
属性:alink:值(rgb(x,x,x),#xxxxxx,colorname)不赞成使用,请使用样式取代它。规定文档中活动链接(active link)的颜色。
background:值(URL)不赞成使用。请使用样式取代它。规定文档的背景图像。
bgcolor:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中的背景颜色。
link:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。
text:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中所以文本的颜色。
vlink:值(reb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。

6、标签:<h1>到<h6>标签
作用:<h1>-<h6>标签了定义标题。<h1>定义最大的标题,<h6>定义最小的标题。
属性:align:值(left,center,right,justify)不推荐使用。请使用样式取代它。规定标题中文本的排列。

7、标签:<p>
作用:标签定义段落。
属性:align:值(left,center,right,justify)不推荐使用。请使用样式取代它。规定标题中文本的排列方式。

8、标签:<br>
作用:可插入一个简单的换行符。
属性:没有可选属性。

9、标签:<hr>
作用:标签在HTML页面创建一条水平线。
属性:align:值(center,left,right)不赞成使用。请使用样式取代它。规定hr元素的对齐方式。
noshade:值(noshade)不赞成使用。请使用样式取代它。规定hr元素的颜色呈现为纯色。
size:值(pixels)不赞成使用。请使用样式取代它。规定hr元素的高度(厚度)。
width:值(pixels %)不赞成使用。请使用样式取代它。规定hr元素的宽度。

10、标签<!-- -->
作用:注释标签用于在源文档中插入注释。
属性:没有可选属性。

11、标签:<ul>
作用:标签定义无序列表。
属性:compact:值(compact)不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。
type:值(disc,square,circle)不赞成使用。请使用样式取代它。规定列表的项目符号的类型。

12、标签:<ol>
作用:标签定义有序列表。
属性:compact:值(compact)HTML5 中不支持。HTML4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversed:值(reversed)规定列表顺序为降序。(9,8,7...)
start:值(number)规定有序列表的起始值。
type:值(1,A,a,I,i)规定在列表中使用的标记类型。

13、标签:<li>
作用:标签定义列表项目。<li>标签可使用在有序列表(<ol>)和无序列表(<ul>)中。
属性:type:值(A,a,I,i,1,disc,square,circle)不赞成使用。请使用样式代替它。规定使用哪种项目符号。
value:值(number)不赞成使用。请使用样式代替它。规定列表项目的数字。

14、标签:<dl>
作用:标签定义了定义列表。标签用于结合<dt>(定义列表中的项目)和<dd>(描述列表中的项目)。
属性:没有可选属性。

15、标签:<dt>
作用:标签定义了定义列表中的项目。
属性:没有可选属性。

16、标签:<dd>
作用:在定义列表中定义条目的定义部分。
属性:没有可选属性。

17、标签:<a>
作用:标签定义超链接,用于从一张页面链接到另一张页面。<a>元素最重要的属性是href属性,它指示链接的目标。
属性:charset:值(char_encoding)HTML5中不支持。规定被链接文档的字符集。
coords:值(coordinates)HTML5中不支持。规定链接的坐标。
download:值(filename)规定被下载的超链接目标。
href:值(URL)规定链接指向的页面的URL。
hreflang:值(language_code)规定被链接文档的语言。
media:值(media_query)规定被链接文档是为何种媒介/设备优化的。
name:值(section_name)HTML5中不支持。规定锚的名称。
rel:值(text)规定当前文档与被链接文档之间的关系。
rev:值(text)HTML5中不支持。规定链接文档与当前文档之间的关系。
shape:值(default,rect,circle,poly)HTML5中不支持。规定链接的形状。
target:值(_blank,_parent,_self,_top,framename)规定在何处打开链接文档。
type:值(MIME type)规定被链接文档的的MIME类型。

18、标签:<nav>
作用:标签定义导航链接的部分。
属性:没有可选属性。

19、标签:<table>
作用:标签定义HTML表格。
属性:align:值(left,center,right)不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式代替。规定表格的背景颜色。
border:值(pixels)规定表格边框的宽度。
cellpadding:值(pixels %)规定单元边沿与其内容之间的空白。
cellspacing:值(pixels %)规定单元格之间的空白。
frame:值(void,above,below,hsides,lhs,rhs,vsides,box,border)规定外侧边框的哪个部分是可见的。
rules:值(none,groups,rows,cols,all)规定内侧边框的哪个部分是可见的。
summar:值(text)规定表格的摘要。
width:值(% pixels)规定表格的宽度。

20、标签:<caption>
作用:标签定义表格的标题。<caption>标签必须直接放置到<table>标签之后。
属性:align:值(left,right,top,bottom)不赞成使用。请使用样式取而代之。规定标题的对齐方式。

21、标签:<th>列
作用:定义表格内的表头单元格。<th>元素内部的文本会呈现为居中的粗体文本。
属性:abbr:值(text)规定单元格中内容的缩写版本。
align:值(left,right,center,justify,char)规定单元格内容的水平对齐方式。
axis:值(category_name)对单元格进行分类。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不推荐使用。请使用样式代替它。规定表格单元格的背景颜色。
char:值(character)规定根据哪个字符来进行内容的对齐。
charoff:值(number)规定对齐字符的偏移量。
colspan:值(number)设置单元格可横跨的列数。
headers:值(idrefs)有空格分隔的表头单元格ID列表,为数据单元格提供表头信息。
height:值(pixels %)不推荐使用。请使用样式代替它。规定表格单元格的高度。
nowrap:值(nowrap)不推荐使用。请使用样式替代它。规定单元格中的内容是否折行。
rowspan:值(number)规定单元格可横跨的行数。
scope:值(col,colgroup,row,rowgroup)定义将表头数据与单元数据相关联的方法。
valign:值(top,middle,bottom,baseline)规定单元格内容的垂直排列方式。
width:值(pixels %)不推荐使用。请使用样式取而代之。规定表格单元格的宽度。

22、标签:<tr>行
作用:标签定义HTML表格中的行。
属性:align:值(right,left,center,justify,char)定义表格行的内容对齐方式。
bgcolor:值(rgb(x,x,x)#xxxxxx,colorname)不赞成使用。请使用样式取而代之。规定表格行的背景颜色。
char:值(character)规定根据哪个字符来进行文本对齐。
charoff:值(number)规定第一个对齐字符的偏移量。
valign:值(top,middle,bottom,baseline)规定表格行内容。

23、标签:<td>普通列
作用:标签定义了定义列表中的项目。td元素内的文本通常是左对齐。
属性:abbr:值(text)规定单元格中内容的缩写版本。
align:值(left,right,center,justify,char)规定单元格内容的水平对齐方式。
axis:值(category_name)对单元进行分类。
bgcolor:值(rgb(x,x,x),#xxxxxx,colorname)不赞成使用。请使用样式取而代之。规定单元格的背景颜色。
char:值(character)规定根据哪个字符来进行内容的对齐。
charoff:值(number)规定对齐字符的偏移量。
colspan:值(number)规定单元格可横跨的列数。
headers:值(header_cells'_id)规定与单元格相关的表头。
height:值(pixels %)不赞成使用。请使用样式取而代之。规定表格单元格的高度。
nowrap:值(nowrap)不赞成使用。请使用样式取而代之。规定单元格中的内容是否折行。
rowspan:值(number)规定单元格可横跨的行数。
scope:值(col,colgroup,row,rowgroup)定义将表头数据与单元数据相关联的方法。
valign:值(top,middle,bottom,baseline)规定单元格内容的垂直排列方式。
width:值(pixels %)不赞成使用。请使用样式取而代之。规定表格单元格的宽度。

24、标签:<img>
作用:img元素向网页中嵌入一幅图像。
属性:必需的属性:src属性:值(URL)规定显示图像的URL和alt属性:值(text)规定图像的代替文本。
可选属性:align:值(top,bottom,middle,left,right)不推荐使用。规定如何根据周围的文本来排列图像。
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)规定视频输出应该被静音。
preload:值(preload)如果出现该属性,则音频在页面加载时进行加载,并预备播放,如果使用"autoplay",则忽略该属性。
src:值(url)要播放的音频URL。

26、标签<video>
作用:HTML5规定了一种通过video元素来包含视频的标准方式。
属性:autoplay:值(autoplay)如果出现该属性,则视频在就绪后马上播放。
controls:值(controls)如果出现该属性,则向用户显示控件,比如播放按钮。
height:值(pixels)设置视频播放器的高度。
loop:值(loop)如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload:值(preload)如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用"autoplay",则忽略该属性。
src:值(url)要播放的视频的url。
width:值(pixels)设置视频播放器的宽度。

27、标签<source>
作用:标签为媒介元素,定义媒介资源。
属性:media:值(media query)规定媒体资源的类型。
src:值(url)规定媒体文件的URL。
type:值(numeric value)规定媒体资源的MIME类型。

28、标签:<form>
作用:标签用于为用户输入创建HTML表单。
属性:accept:值(MIME_type)HTML5中不支持。
accept-charset:值(charset_list)规定服务器可处理的表单数据字符集。
action:值(URL)规定当提交表单时向何处发送表单数据。
autocomplete:值(on,off)规定是否启用表单的自动完成功能。
method:值(get,post)规定用于发送form-data 的http方法。
name:值(form_name)规定表单的名称。
target:值(_blank,_self,_parent,_top,foamename)规定在何处打开 action URL。

29、标签:<input>
作用:标签用于收集用户信息。
属性:accept:值(mime_type)规定通过文件上传来提交的文件的类型。
align:值(left,right,top,middle,bottom)不赞成使用。规定图像输入的对齐方式。
alt:值(text)定义图像输入的替代文本。
autocomplete:值(on,off)规定是否使用输入字段的自动完成功能。
autofocus:值(autofocus)规定输入字段在页面加载时是否获得焦点。
checked:值(checked)规定此input元素首次加载时应当被选中。
disabled:值(disabled)当input元素加载时禁用此元素。
form:值(formname)规定输入字段所属的一个或多个表单。
formaction:值(url)覆盖表单的action属性。
height:值(pixels %)定义input字段的高度。
list:值(datalist-id)引用包含输入字段的预定义选项的datalist。
max:值(number,date)规定输入字段的最大值。
maxlength:值(number)规定输入字段中的字符的最大长度。
min:值(number,date)规定输入字段的最小值。
name:值(field_name)定义input元素的名称。
readonly:值(readonly)规定输入字段为只读。
size:值(number_of_char)定义输入字段的宽度。
type:值(button,checkbox,file,hidden,image,password,radio,reset,submit,text)规定input元素的类型。
value:值(value)规定input元素的值。
width:值(pixels,%)定义input字段的宽度。

30、标签:<textarea>
作用:标签定义多行的文本输入控件。
属性:autofocus:值(autofocus)规定在页面加载后文本区域自动获得焦点。
cols:值(number)规定文本区内的可见宽度。
disabled:值(disabled)规定禁用该文本区。
form:值(form_id)规定文本区域所属的一个或多个表单。
maxlength:值(number)规定文本区域的最大字符数。
name:值(name_of_textarea)规定文本区的名称。
placeholder:值(text)规定描述文本区域预期值的简短提示。
readonly:值(readonly)规定文本区为只读。
rows:值(number)规定文本区域的可见行数。

31、标签:<button>
作用:标签定义一个按钮。
属性:disabled:值(disabled)规定应该禁用该按钮。
form:值(form_name)规定按钮属于一个或多个表单。
name:值(button_name)规定按钮的名称。
type:值(button,reset,submit)规定按钮的类型。
value:值(text)规定按钮的初始值。

32、标签:<select>
作用:元素可创建单选或多选菜单。
属性:data:值(url)供自动插入数据。
disabled:值(true,false)当该属性为true时,会禁用该菜单。
form:值(true,false)定义select字段所属的一个或多个表单。
multiple:值(true,false)当该属性为true时,规定可一次选定多个项目。
name:值(unique_name)定义下拉列表的唯一标识符。
size:值(number)定义菜单中可见项目的数目。不支持

33、标签:<optgroup>
作用:标签定义选项组。
属性:label:值(text)为选项组规定描述。
disabled:值(disabled)规定禁用该选项组。

34、标签:<option>
作用:元素定义下拉列表中的一个选项。
属性:disabled:值(disabled)规定次选项应在首次加载时被禁用。
label:值(text)定义使用<optgroup>时所使用的标注。
selected:值(selected)规定选项表现为选中状态。
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 />
}

注:可能不是很齐全,但基本上都是一些常用的。

下载本文
显示全文
专题