HTML5

7/2/2020 HTML

HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML

两个角度理解:

  • 是一个新版本的 HTML 语言,定义了新的标签、特性和属性
  • 拥有一个强大的技术集,这些技术集是指: HTML5CSS3javascript,这也是广义上的 HTML5

H5拓展的内容:

  • 语义化标签
  • 本地存储
  • 兼容特性
  • 2D3D
  • 动画、过渡
  • CSS3 特性
  • 性能与集成

HTML5 的现状:

  • 绝对多数新的属性,都已经被浏览器所支持,最新版本的浏览器已经开始陆续支持最新的特性,HTML5 已经是大势所趋。

# HTML5新增标签

# 语义化标签

  • header --- 头部标签

  • nav --- 导航标签

  • article --- 内容标签

  • section --- 块级标签

  • aside --- 侧边栏标签

  • footer --- 尾部标签

    h5语义化标签

    语义化标签的理解和注意:

    • 语义化标签主要针对搜索引擎
    • 新标签可以使用一次或者多次
    • IE9 浏览器中,需要把语义化标签都转换为块级元素
    • 语义化标签,在移动端支持比较友好。

# 多媒体音频标签

  • audio --- 音频标签
  • video --- 视频标签

# audio音频标签

audio 目前支持三种格式:

audio标签支持格式

audio 参数:

audio参数

# video视频标签

video 目前支持三种格式:

vedio标签支持格式

video 参数:

video参数

# 多媒体标签总结

  • 音频标签与视频标签使用基本一致
  • 多媒体标签在不同浏览器下情况不同,存在兼容性问题
  • 谷歌浏览器把音频和视频标签的自动播放都禁止了
  • 谷歌浏览器中视频添加 muted 标签可以自己播放
  • 注意:重点记住使用方法以及自动播放即可,其他属性可以在使用时查找对应的手册

# 新增input标签

h5input

# 新增表单属性

h5form

Last Updated: 8/17/2023, 9:01:29 PM