标签语义化及其意义

什么是标签语义化?

简单理解,就是根据分析内容的结构,选择合适的标签。常见的语义化标签有:

<header></header> 用于定义文档或页面的头部

<nav></nav> 导航栏(无序列表)

<section></section> 分区、文档的部分区块(有语义化的div)

<main></main> 文档主体区域

<artical></artical> 主要内容

<aside></aside> 侧边栏

<footer></footer> 文档或页面底部(可以用来包含文档的版权信息或友情链接等)

标签语义化有什么意义?

方便代码的阅读和后期维护

提高用户体验,比如img标签中的 title、alt属性,能够用于解释图片信息等

使用语义化标签,有利于SEO搜索引擎优化,提高网站的搜索排名

便于浏览器或是网络爬虫更好地解析网站内容

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写出的HTML代码符合内容的结构化(内容的语义化),选择合适的标签(代码的语义化)能够便于开发者阅读和写出更优美的...
    爱前端的喵喵阅读 938评论 0 1
  • 一、什么是HTML语义化标签语义化的标签,旨在让标签有自己的含义。 一行文字 一行文字 如上代码,p 标签与 s...
    绅士_0906阅读 641评论 0 1
  • 语义化HTML:用最恰当的HTML元素标记的内容。优点:1 提升可访问性;2 SEO;3 结构清晰,利于维护;(h...
    程序媛233阅读 457评论 0 0
  • 很多面试官会问:谈谈你对 HTML5语义化标签的理解。那么本篇博客专门解答一下这个问题。 什么是语义元素? 语义是...
    dingFY阅读 229评论 0 1
  • 语义化标签,顾名思义也就是可以直接读懂的标签。最早接触HTML5的时候,对HTML5的语义化并没有太深的理解,只是...
    极客人阅读 4,227评论 1 18