[笔记]WEB开发之3456：Html5标签

元素概览:

1.文档和元数据
变化:body,DOCTYPE,html,link,meta,script,style

2.文本
变化:a,b,cite,i,s,u,small
新增:del,mark,rp,rt,ruby,time,wbr


3.内容分组
新增:figcaption,figure
变化:hr,li,ol,p,ul

4.内容划分
新增:address,article,aside,details,footer,header,hgroup,nav,section,summary,main

5.表格
变化:caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr

6.表单
变化:button,datalist,fieldset,form,input,label,select,textarea
新增:keygen,output

7.嵌入内容
变化:area,object,iframe,img,map
新增:audio,canvas,embed,meter,progress,source,svg,track,video


常用元素属性:
1.
meta:
<meta name={author|description|robots|generator|keywords} content=...>

2.
style:
<style media={all|aural|braille|handheld|projection|print|screen|tty|tv} type="">
<style media="screen AND (max-width:500px)"
操作符:AND,NOT,OR
限定词:max,min
特性:
width,height,device-width,device-height,resolution,orientation,aspect-ratio,device-aspect-ratio,color,monochrome,color-index,scan,grid
script

3.link
属性:href,hreflang,media,rel,sizes,type
rel属性值:
alternate,author,help,icon,license,pingback,prefetch,stylesheet

4.script
属性:type,src,defer,async,charset.
defer和async对脚本的执行方式加以控制
defer:等页面载入和解析完毕之后才执行脚本
async:异步脚本。浏览器在继续解析html文档中的其它元素的同时异步加载和执行js

5.form
属性:action,method,enctype,name,accept-charset,novalidate,target,autocomplete

6.input

属性:autofocus,max,min,pattern,required,placeholder,autocomplete,autosave,list,selectionDirection,step,form,dirname

<input required placeholder="tip title" list="chooseoption" ... /><datalist id="chooseoption"><option value="V" label="Word" />...</datalist>

<input type={checkbox|color|date|datetime|datetime-local|email|month|number|radiobutton|range|tel|time|week|url} />