H5新特性:
1.语义化标签 (★★)
代码示例:
<div class=“header”> 头部标签</div>
<div class=“nav”>导航标签 </div>
<div class=“footer”> 尾部标签 </div>
常用属性:
标签 | 描述 |
---|---|
header | 定义了文档的头部区域 |
nav | 定义文档的导航 |
article | 定义页面独立的内容区域 |
section | 定义文档中的节(section、区段) |
aside | 定义页面的侧边栏内容 |
footer | 定义了文档的尾部区域 |
2.多媒体标签
视频标签- video(★★★)
代码示例:
<video src="media/mi.mp4"></video>
video 常用属性:
音频标签- audio
代码示例:
<audio src="media/music.mp3"></audio>
audio常用属性:
3.新增的表单元素 (★★)
在H5中,帮我们新增加了很多类型的表单
代码示例:
<!-- 我们验证的时候必须添加form表单域 -->
<form action="">
<ul>
<li>邮箱: <input type="email" /></li>
<li>网址: <input type="url" /></li>
<li>日期: <input type="date" /></li