对HTML语义化的理解

语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)。通俗来讲就是用正确的标签做正确的事情。

语义化的优点如下:

  • 对机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,有利于SEO。除此之外,语义类还支持读屏软件,根据文章可以自动生成目录;
  • 对开发者友好,使用语义类标签增强了可读性,结构更加清晰,开发者能清晰的看出网页的结构,便于团队的开发与维护。

常见的语义化标签:

<header></header>  头部

<nav></nav>  导航栏

<section></section>  区块(有语义化的div)

<main></main>  主要区域

<article></article>  主要内容

<aside></aside>  侧边栏

<footer></footer>  底部

相关推荐

  1. HTML语义理解

    2024-04-02 07:26:01       16 阅读
  2. 简述css工程理解

    2024-04-02 07:26:01       18 阅读
  3. HTML5 新语义标签

    2024-04-02 07:26:01       9 阅读
  4. HTML5语义标签

    2024-04-02 07:26:01       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-02 07:26:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-02 07:26:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-02 07:26:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-02 07:26:01       20 阅读

热门阅读

  1. 【SpringCloud】Ribbon负载均衡

    2024-04-02 07:26:01       18 阅读
  2. 详解Oracle数据库索引唯一扫描原理和优化方法

    2024-04-02 07:26:01       16 阅读
  3. windows证书服务器生成的ssl证书可以用吗

    2024-04-02 07:26:01       16 阅读
  4. 前端安全-面试题(2024)

    2024-04-02 07:26:01       22 阅读
  5. Stable Diffusion本地部署全攻略:从概念到实战

    2024-04-02 07:26:01       13 阅读
  6. AutoGluon

    2024-04-02 07:26:01       18 阅读
  7. jvm 调优的方式

    2024-04-02 07:26:01       17 阅读
  8. 【C/C++】C语言实现串

    2024-04-02 07:26:01       11 阅读
  9. ChatGPT:打破学术写作束缚

    2024-04-02 07:26:01       16 阅读