语义化标签:
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>