HTML5新增的标签及属性

HTML5新增标签及属性

一、<header></header>：作用是用来定义网页的头部

二、<nav></nav>：作用是用来定义网页的导航

三、<footer></footer>：作用是用来定义网页的页脚

四、<aside></aside>：作用是用来定义页面中的侧栏

五、<article></article>：作用是用来定义具有独立性的文章

六、<section></section>：作用是用来定义页面中的不同章节

七、电子邮箱：<input  type=”email” name=”表单元素名称”>，注意它会自动校验

八、网址：<input   type=”url” name=”表单元素名称”>，注意它会自动校验

九、电话号码：<input   type=”tel” name=”表单元素名称”>

十、数量：<input  type=”number” name=”表单元素名称”>包含如下常见属性

1.     min：最小值

2.     max：最大值

3.     step：步长

十一、    数量2：<input type=”range”  name=”表单元素名称”>包含如下常见属性

1.     min：最小值

2.     max：最大值

3.     step：步长

十二、    搜索框：<input  type=”search”  name=”表单元素名称”>

十三、    日期和时间：<input  type=”datetime-local”  name=“表单元素名称”>

十四、    日期：<input  type=”date”  name=””>

十五、    时间：<input   type=”time”  name=””>

十六、    年月：<input  type=”month”  name=””>

十七、    年周：<input  type=”week”  name=””>

十八、    <optgroup></optgroup>：作用是对option进行分组，包含label属性，属性的作用是设置分组名称，格式如下

十九、    <datalist></datalist>标签：作用是设计可以具有选项的文本框，使用步骤如下

二十、    <button></button>按钮：可以具有提交，重置、普通按钮的功能，可以结合type属性使用，属性值为submit、reset、button

二十一、         <details></details>标签：用来设置文档中的具有描述性的详细信息，常和summary标签结合使用，summary标签的作用是设置标题，格式如下

二十二、         <video></video>标签：作用是在文档中插入视频文件，常用属性为width、height、controls、src、autoplay、loop、poster（视频正在下载时显示的图像），注意该标签支持如下格式的视频文件MP4、WebM、Ogg

1.     src：设置视频文件所在路径，必须属性

2.     width：

3.     height：

4.     controls：设置控制面板

5.     autoplay：自动放映

6.     loop：循环放映

7.     poster：视频在加载完成前的图像

二十三、         <audio></audio>标签：设置音频，属性为controls、loop、autoplay、src，格式为MP3、Wav、Ogg