HTML标签语义化的介绍

234 阅读 0 评论 155 点赞

我是靠谱客的博主勤劳硬币，最近开发中收集的这篇文章主要介绍HTML标签语义化的介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

前几年在网站开发上DIV+CSS很是流行，当时掀起一片狂狼啊。可是在后来对于前端开发来说纯DIV+CSS已经被程序员们所丢弃，随着“标签语义化”这个词就出来了。
那么这个词是什么意思呢？下面摘自百度百科：
html标签语义：即html标签的含义。
首先是关于语义（Semantics）和默认样式的区别，默认样式是浏览器设定的一些常用tag的表现形式，个人认为他的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。
那么我们怎么很好的理解这段话呢？其实这段话表明一点就是该用什么标签就用什么标签，不要刻意的用DIV布局，比如如果加粗什么的完全可以直接用来完成，不必要用class进行渲染，自然点，比如页面中也可以适当的使用table表格布局，谁说表格不利于SEO的啊？就连百度都有用到表格的哦。所以说哪个方便用哪个，哪个结构清晰用哪个。杜绝DIV+CSS布局这一说法。