HTML5 — 知识篇总结《II》【HTML5大力支持的语义化思想与规范】

HTML—知识篇总结《II》

一丶 什么是语义化？

【1】每一个HTML元素都有具体的含义，比如：

a 超链接
p 段落
h 标题

【2】所有元素与展示效果无关，元素展示到页面中的效果，应该由CSS决定

我拿两张图举个例子：

那么肯定会有同学问了：为什么默认情况下h1就会加大加粗呢？
这是因为浏览器带有默认的CSS样式，所以每个元素有一些默认样式。

所以说，一个效果的展示，跟她的元素是没有任何关系的，也就是说不管它是大是小，是粗是斜，他是什么元素的就是什么元素的，更不会因为展示效果改变它原有的元素名称！

二丶 重要理论

选择什么元素，取决于内容的含义，而不是显示出的效果，不要去想它显示什么样子的，记住！！！

三丶 为什么需要语义化

【1】为了搜索引擎优化（SEO）

搜索引擎：百度、搜搜、Bing、Google

让我们浏览器的搜索引擎更好的理解我们想要表达的意思，那么计算机需要的理解就是靠我们【语义化的代码规范】

每隔一段时间，搜索引擎会从整个互联网中，抓取页面源代码

【2】语义化做得好的好处

搜索引擎会认为语义化做得好的网站，它就比较有好感，那么就会把这些网页放在靠前一点的位置展示给人们！

【3】让浏览器的内部插件功能得到更好的实现，增加用户的体验

比如说：现在的浏览器都有阅读模式、语音模式。那么我们使用语义化的去编写代码的话，就会让浏览器更好的理解我们的源代码，感觉它更加友好，使得插件的功能可以完全支持并且实现！
如果我们在看一篇小说，那么当我们点击阅读模式以后，它就会为我们屏蔽掉所有标题栏和广告，只显示标题与正文。像 h、p 这种元素，阅读模式都会将其内容显示出来，但是像 div 这种没有特殊语义的元素，有些浏览器的内核处理就会将它们的内容忽视掉，就不会展示，就是这个道理！

四丶 为什么我们需要知道并且一定要了解语义化

【1】
因为这在我们后面学习一些元素，还有一些属性的时候，会讲到一些过时的不推荐使用了，会对我们有着更深刻的理解。

【2】
在过去的HTML中有些元素和样式纯粹是为了考虑样式的，而在H5中元素跟样式是分离开的。！

##所以终上所述，我们一定要了解透 语义化 的概念