语义化标签:

section元素:块级元素,类似于div,有独立的渲染空间、内容区块。

header元素:标题,存在父级元素的顶部。

nav元素:导航链接的标签,

article元素:表示与一块与上下文无关的独立内容,

aside元素:辅助信息标签,可以与article内容相关的信息;

footer元素:一般用于底部的版权信息;

figure元素:表示一段独立的流内容,使用figcaption元素为其添加标题,

main元素:表示页面中的主要内容;

拓展:hgroup标题组、mark高亮。

dialog标签,定义对话框或窗口,属性为open则给定dialog元素是活动的,可进行交互。

canvas画布属性,

video与audio应用

video元素 定义视频、audio元素 定义音频。

controls属性,向用户显示控件,例如播放按钮等

autoplay属性,当视频就绪后自动播放。

loop属性,重复播放、muted属性,静音播放、poster视频为加载时显示的图像。

source标签:媒介元素 定义媒介资源。

Type属性值:用于视频:video/ogg、video/mp4.用于音频:audio/ogg、audio/npeg、audio/MP3。

表单:

Type属性:属性值>>email限制输入为邮箱类型、number数字类型、url地址路径类型、range滑动条表单类型、search 产生一个具有搜索意义的表单、color颜色选择表单、time时间类型(当有网络时显示为网络时间,当没网络时显示本地时间)、date时间类型、month 月份类型、week周类型、datetime-local 选取本地时间。

email:

专门用来输入email地址的文本框,如果该文本框中内容不是email地址格式的,则不允许提交。但它不检查email地址是否存在。提交时可以为空,除非加上了required属性。

url类型:

专门用来输入URL地址的文本框。如果该文本框中内容不是URL地址格式的,则不允许提交。

Number类型:

专门用来输入数字的文本框。在提交时会检查其中的内容是否为数字,具有min、max、step的属性。

range类型

是用来只允许输入一段范围内数值的文本框,它具有min属性与max属性,及step属性,可以指定每次拖动的步幅。

新增属性:placeholder属性:文本框处于为输入状态下显示输入提示。

autofocus属性:给文本框、选择框等控件添加该属性,该控件在打开页面的时候会获得焦点。一个页面只能有一个焦点。

autocomplete属性:输入富足和所用的自动完成功能,是一个节省输入时间,同时也十分方便的功能。属性值:on/off。on可是显示指定候补输入的数据列表,使用datalist元素与list属性提供候补输入的数据列表,自动完成时,可以将该datalist元素中的数据作为候补输入的数据在文本框中显示。

novalidate取消验证。

multiple,可以输入多个值,常用于file传文件。

pattern属性:验证表单输入的内容,需要配合正则表达式使用。

datalist:列表选项,

注:option元素永远都要设置value属性。list属性 结合datalist元素使用。

output:定义不同的输出,如计算结果的输出,或脚本的输出。

注:必须从属于某个表单。即,必须将它书写在表单内部

对新元素样式的使用:

注意,跟 input 标签设置样式一样,但是要设置标签中局部的样式不能实现。如改变日历的背景色,颜色框的按钮效果,等,这些都不可以实现。

<form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">       
         0<input id="a" type="range" min="0" max="100">100+
    <input id="b" type="text" value="50">
        = <output name="x" for="a b"></output>   
</form>