关于HTML5碎知识点

1.新增的语义标签都有：

<header>头部标签</header>

<nav>导航栏标签</nav>

<article>内容标签</article>

<aside>侧边栏标签</aside>

<footer>尾部标签</footer>

2.视频标签：标签为：

<video src="" controls="controls" poster=""></video>

视频标签里的属性和作用分别为：

atuopaly属性为视频自动播放（有的浏览器不支持，可以添加muted标签来解决自动播放问题）。

controls属性是向用户显示播控件。

loop属性是播放完以后是否继续播放该视频，即循环播放。

poster属性是加载等待的时候出现的画面。

muted属性是静音播放。

3.input标签：比如：

<input type="email">

在浏览器中input的输入界面必须输入的是邮箱的格式。还有其他新型的标签：

<li><input type="email"></li>

<li> <input type="time"></li>

<li><input type="week"></li>

<li><input type="url" ></li>

都要按照type的属性值的格式进行输入，如果输入的不正确，则不会提交成功。

4.input新增属性：

<!-- required属性:表单拥有该属性表示内容不能为空,必填 -->

<!-- placeholder属性表单的提示信息,存在默认值将不显示 -->

<!-- autofocus属性自动聚焦属性,页面加载完毕自动聚焦到指定的表单 -->

<!-- autocomplete属性属性值为on/off 保留不保留用户搜索过的东西 -->

<!-- multiple属性可以多选文件提交 -->