结构标签
article:定义文章
使用:
论坛帖子,博客文章,新闻故事评论
saide:定义文章侧边栏
section:定义文档中的某个区域
使用:
章节,头部,底部
nav:定义导航栏部分
header:定义section或者document(眉页)
使用:
文章介绍内容,导航链接的容器
footer:定义section或者document(页脚)
使用:
文档创建者姓名,问文档的版权信息,使用条款的链接,联系信息等
details:定义展开详细内容(只有safari和chrome支持)
figure:定义一组媒体元素以及文字
figcaption:定义figure的title
表单元素
日期和时间:date,time
email:邮箱(必须输入且正确)
url:网址(必须输入且正确)
number:min最小值,max最大值(必须输入)
range:输入一定范围内的数字值
属性:
placeholder 提示文本
required 定义该input标签为必填项
多媒体标签
audio:音频
支持格式:
MP3,wav,ogg
属性:
controls 显示音频控件
autoplay 准备就绪后自动播放
loop 自动单曲循环
muted 静音
src 规定音频文件的路径
source:定义资源类型(由浏览器进行选择)
video:音频
支持格式:
MP4,webM,ogg
属性:
controls 显示音频控件
autoplay 准备就绪后自动播放
loop 自动单曲循环
muted 静音
src 规定音频文件的路径
source:定义资源类型(由浏览器进行选择)
为什么使用新标签?
为了语义化
作用:
1.去掉样式能让页面结构清晰呈现
2.有益于SEO
3.便于团队开发和维护