h5
语义化标签:结构明确;便于阅读;便于SEO(搜索引擎优化)
结构性标签
header:头
footer:脚
section:独立的一块区域
article:独立的文章内容
nav:导航栏
aside:侧边栏
figure:放置图片、图标等
hgroup:h1-h6组合标题
功能性标签
<details><summary>主题</summary>详情</details>
time,重要的时间节点
address,重要的地点
<progress value="当前进度" max="最大进度值">:未知的上传、下载、安装等
<meter value="当前进度" min="" max="">:度量,比如磁盘
表单控件 type值
search:搜索
email:邮件
url:网址
tel:手机
number:数字 <number min="" max="" step="步长">
range:滑块 <range min="" max="" step="">
时间type:
date:年月日
time:时分
年月日时分:
datetime:utc(格林尼治),比北京时间早8小时
datetime-local:本地时间
month:月
week:周
color:颜色
<input list="bro"/> :比如表单缓存数据填写
(<input list="bro"/>
<datalist id="bro">
<option value="firfox">11</option>
<option value="chrom">22</option>
<datalist>)
音频和视频
controls:控制暂停播放
autopaly:自动播放
muted:静音
loop:循环播放
poster:给视频引用背景图片
audio:音频
<audio>
<source src="" type=""/>
(<source src="media/video.webm" type="video/webm"></source>)
<source src="" type=""/>
</audio>
video:视频
<video>
<source src="" type=""/>
<source src="" type=""/>
</video>