HTML5中常用的标签(及标签的属性和作用)

HTML5中常⽤的标签(及标签的属性和作⽤)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,)
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列表,为数据单元格提供表头信息。
sofa燃烧器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 />
}
注:可能不是很齐全,但基本上都是⼀些常⽤的。

本文发布于:2024-09-22 17:31:01,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/3/327844.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:规定   定义   标签
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议