HTML5新增元素

HTML5新增元素

类别	元素
构建页面的语义元素	<article><aside><figcaption><figure><header><footer><hgroup><nav><section><details><summary><section>
用于标识文本的语义元素	<mark><time><wbr>
web表单	<input><datalist><Keygen><progress><command><menu><output>
音频	<audio><video><source><embed>
Canvas	<canvas>

改变的元素

• <small>之前的<small>元素用途是为了减少字体的大小,而现在small用于放页面底部那些法律条款等
• "hr"之前的<hr>只是指一条水平线,而现在html5赋予了它新的涵义,用于主题之间的切换
• 之前最常用的粗体斜体<b><i>已被<strong><em>取代,但现在html5让他们四个共存并赋予以下涵义
  • <strong>元素表示重要的文本
  • <b>元素用于表示关键字,产品名称等
  • <em>表示重读的文本,就是在朗读的时候需要重读的
  • <i>表示应该用斜体的文本,如外文单词,技术术语...
• <address> 目的是提供html文档作者的联系信息,如电子邮件地址,网站链接
• <cite> 用于引用作品,如电影,文章等等
• <wbr> 用于某个单词太长,一行放不下,那么浏览器就会在wbr标注的地方断开并加重单词

---

如我们要了解html5各个元素以及各种各样浏览器的支持情况

请访问浏览器支持html5的版本情况
如我们查询<a>标签那些浏览器及版本支持

image.png
其中红色表示不支持,绿色表示支持,深绿色表示部分支持

---

了解全球用户浏览器的装机情况

访问浏览器装机情况
如我们查询中国2020-2022年浏览器的装机情况,从下图可知,可见使用谷歌浏览器的用户为主流

2020-2022

---

但是IE浏览器仍是当今程序员比较头疼的问题,那就是兼容性,这归咎于IE浏览器的更新缓慢,而我们也不能放弃使用ie浏览器的用户(对于中国而言.世界上用户最多的是使用IE8),要知道IE9才开始支持HTML5
这时候谷歌开发了一个叫Google Chrome Frame 改造IE,针对于IE6 7 8 9 开发的一个插件,原理就是在IE浏览器中运行谷歌浏览器,但需要IE用户得安装这个,但还不如直接下载谷歌浏览器
谷歌文档地址