语义化的HTML5| 青训营

79 阅读2分钟

一、为什么要语义化

  • 便于团队的开发和维护,语义化的HTML标签对开发者更为友好,增强了可读性,即便是在没有 CSS 的时候,开发者也能够清晰地看出网页的结构。
  • HTML标签语义化还有助于构架良好的HTML结构,便于机器阅读和搜索引擎的建立、索引、抓取。可以让搜索引擎爬虫更好地获取到更多有效信息,有效提升网页的搜索量,并且语义类还可以支持读屏软件,根据文章可以自动生成目录等等。

二、HTML5

  1. HTML1.0 在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
  2. HTML2.0 1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。
  3. HTML3.2 1997年1月14日,W3C推荐标准.
  4. HTML4.0 1997年12月18日,W3C推荐标准。
  5. HTML5 在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。2014年10月28日,W3C发布了HTML5的最终版。
  • 其中我认为HTML5的最主要的进步是引入了一组标准化的语义元素。"语义元素"是用于以更有意义的方式标记文档结构的元素,在HTML5中用语义元素代替了使用多年的div标签,让我们可以更清楚的表明它们的用途和它们在文件中服务的目的是什么。而且重要的是,由于它们是标准化的,定义文档的这些元素可以被每个人使用并理解,包括机器人。

三、HTML5新增标签

  • 布局
    image.png
  • 超全新增标签链接

(HTML5新增标签的汇总与详解 - 疯狂的悍猪 - 博客园 (cnblogs.com))