web语义化概述

web语义化概述

一，什么是web语义化？
1.每一个HTML元素都有具体的含义
比如说：
a元素：超链接
p元素：段落
h1元素：一级标题

2.所有元素与显示效果无关（重点）
元素展示到页面中的效果应该由css决定

比如我在页面中书写一个h1元素：

浏览器中展示的效果为：

而后我用css简单更改了h1元素的效果：

浏览器中展示效果：

此时浏览器带有的默认css样式被我更改，此时的一级标题“哈哈哈”依旧是h1这个一级标签，故此解释元素展现到页面中的效果应该由css决定。

因为浏览器带有默认的css样式，所以每个元素带有一些默认样式。就是由于这个原因，元素才能在浏览器中显示，没有css作用，页面无法正常显示。

（重点）由以上推导出一个重要结论：

”选择什么元素，取决于内容的含义，而不是显示出的效果“

二，为什么需要语义化？

1.为了搜索引擎优化（SEO优化）
或者说让搜索引擎更好的理解我们的网页

（释义）搜索引擎每隔一段时间会从整个互联网中抓取页面源代码，所以如果不语义化，搜索引擎就很难理解代码的意思，所以说语义化做的越好，搜索引擎理解代码理解的就越透彻，它就会认为你的网页做的不错，进行搜索的时候会有很大机率把你的网页靠前展示。

比如我们在百度上做推广，假如除去竞价排名原因，我们的网页语义化做的越好，搜索引擎对我们代码的理解程度越高，更容易把我们的网页靠前展示。

2.为了让浏览器理解我们的网页

浏览器对我们的的网页理解越深，对浏览器的某些特殊功能应用的就越好。

总结：
在我们书写HTML代码的时候，不用考虑标签显示在页面上是一种什么样式，显示出来什么样式由css来决定，我们只考虑这个元素是一种什么含义，把含义搞清楚，然后选择一个合适的元素书写出来就ok啦。