历史进程:
- 蛮荒时代:table标签布局,难维护
- 美工阶段:div + css,无语义
- 前端阶段:语义化标签
语义化是指根据网页内容选择合适的具有语义的标签,语义化有助于浏览器渲染和搜索引擎解析,有利于SEO(搜索引擎优化), 搜索引擎爬虫会根据标签确定上下文和关键字的权重。
HTML语义化使得网页在没有CCS的情况下也有清晰的文档结构,容易阅读,便于开发人员维护。
容易混淆的标签比较:i
标签 vs em
标签
都是以斜体的形式呈现,但是em表示强调的语气,i只是用于物理上的区分和突出
strong
标签和b
标签
b标签只是物理上的加粗,strong是逻辑上的强调
section
标签和article
标签
section表示文档中的一个区域和专题组,article表示文档中自成一体相对独立的部分,其目的是为了让开发者独立开发或重用, 比如博客文章,用户评论等等,article是特殊的section,具有更强的语义