学习HTML-语义化

我们知道HTML5是W3C对以前HTML4.01版本的补充和修订,支持了很多页面交互的元素标签,并提出了HTML的编写规范标准,其中就包括语义化HTMl文档。那么html的语义化有什么用处和作用呢。

“ HTML的元素、属性和属性值都定义了某种含义。如lang属性就代表内容的语言。作者不能以它们本身合理的语s义目的之外的方式来使用元素、属性和属性值。“
——WHATWG 标准

● HTML语义化的理解
定义上是说语义化的HTMl是描述文档内容类型的HTML元素。也就是可以这样理解为html语义化是以规范标准来书写html文档,使得结构层次清晰明了,不必写过多的div,从而帮助浏览器更好地读懂html文档(浏览器以前解析html的话,若无正确语义标识,浏览器很难解析html文档的标签内容)。比如根据html5大纲算法,语义化html文档应是用区块元素,即是用section、article、aside和nav这四种。

简单来说就是语义化的作用是使书写HTML文档结构具有语义性,即层次结构符合标准规范。

  1. 使得浏览器解析时能更好的读懂我们书写的html文档结构排布,便于浏览器快速地解析文档,渲染页面。
  2. 自然而然我们人也能便于读懂HTML文档。也便于后期修改维护页面。
  3. 还有一个就是方便搜索引擎抓取页面内容(也就是使搜索引擎更好理解)。