标签
功能性标签
| 标签 | 作用 |
|---|---|
| video | 表示一段视频并提供播放的用户界面 |
| audio | 表示音频 |
| canvas | 表示位图区域 |
| svg | 定义矢量图 |
| time | 日期和时间值 |
| mark | 高亮的引用文字 |
语义化标签
<header>头部</header>
<footer>尾部</footer>
<nav>导航栏</nav>
<section>具体的内容</section>
<article>文章</article>
<aside>内容的侧边栏</aside>
<figure> <img src="" alt="">用作文档中插图的图像,如果要添加标题的话得使用
如:
<figure> <img src="" alt="">
<figcaption>这是一张图片
</figure>
<mark>mark标签</mark> 高亮的引用文字
<progress value="0.5"></progress>进度栏标签 value值代表进度,0-1
新的表单控件
| 名称 | 功能 |
|---|---|
| 必须输入邮件; | |
| url | 必须输入url地址; |
| number | 必须输入数值; |
| range | 一个滑动栏,并且可以设置最大以及最小值 |
| 如: | |
| date | 选取日、月、年 |
| month | 选取月、年 |
| week | 选取周和年 |
| time | 选取时间(小时和分钟) |
| datetime-local | 选取时间、日、月、年(本地时间) |
| search | 搜索框 |
| color | 颜色 |
新的属性:
| 名称 | 功能 |
|---|---|
| contenteditable="true" | 使得文件可以编辑,并且这个属性是可以继承的。 |
| autocomplete | 设置表单成功提交过的数据,下一次有提示,一般会关闭这个功能 |
| placeholder | 提示信息 |
| required | 是否必须填写 |
| pattern | 正则验证表单内容 |
| multiple | 输入框可以输入多个值,一般和email控件一起使用 |
| maxlength | 最大长度 |
| minlength | 最小长度 |
| step | 规定数字间隔 |
| hidden | 隐藏 填写了hidden属性的标签会被隐藏 |
| draggable | 元素是否能被拖动 |