1:什么是HTML语义化?
说HTML语义化就要先说说HTML到底负责的什么?
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。
那么通俗的来讲就是从代码上来展示页面的结构,而不是从最终视觉上来展示结构。单纯的HTML代码是不带任何样式的只是用来标记这一段是标题、这一块是代码、那一个是要强调的内容等等。但是为什么我们只写HTML在浏览器中不同的标签也是有不同的样式呢?那是因为各个浏览器都自带的有相应标签的默认样式,为了方便在没有设定样式的情况下友好的展示页面。 良好的语义化代码可以直接从代码上就能看出来那一块到底是要表达什么内容。
2:为什么要使用HTML语义化标签?
为什么要使用语义化标签?我用DIV+CSS也能做出来一样的效果,确实单纯看效果两者并没有什么区别,但是页面不止是给人看的,机器也要看爬虫也要看。 网页结构更清晰方便开发维护;另外,在网络或其他原因页面样式文件丢失的时候,满是div组成的页面和良好语义结构组成的页面哪个对用户更友好?这时候,语义化的优点就出来了。
优点:
- 标签语义化有助于构架良好的HTML结构,有利于搜索引擎的建