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