html5新增语义标签

## article 用于放一段独立的内容,可以是文档或者文章
## header 一般放在页面的顶部,或者某个独立内容的顶部
一般作为标题、简介,一个页面可以出现多个header
## footer 一般放在页面的底部,或者某个独立内容的底部,
一般作为页面最底部,一个页面可以出现多个footer
## nav 用于表示页面的导航、侧边栏导航
## aside 不是页面的主要内容,一般作为:
侧边栏广告、对页面的补充、友情链接
## section 用于有主题性的内容,一般含有一个标题,可能会含有一个底部
## main 主体内容,一个页面只能包含一个main
## figure 用于放图片、视频
## figcaption 用于放图片或者视频的标题
## time标签
属性有datetime=”2019-05-28″固定格式
一般是作为搜索引擎或者阅读器更容易获取到时间
## 视频播放标签<video>
controls 设置播放的工具
muted 设置静音播放
preload 设置是否预先加载
none 不去预先加载
auto 根据你的当前网络状态自动设置是否预先加载
metadata 播放前不会去预先加载视频,只会加载前几帧
里面的<source>属性
src 视频的地址
视频加载时自上而下选择支持的视频格式,如果都不支持请提示用暂不支持video标签

## 音频播放标签<audio>
属性同上
## input 标签新增 list属性,配合新增标签datalist使用
eg:
<input type=”text” list=”datalist” />
<datalist id=”datalist”>
<option value=”123″></option>
<option value=”234″></option>
<option value=”345″></option>
</datalist>
## input新增属性 required(该输入框不能为空)

未经允许不得转载:杂烩网 » html5新增语义标签

评论 0

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

置顶文章