H5新特性（四）——语义化标签

语义化标签

什么是语义元素？

语义是指对一个词或者句子含义的正确解释。很多html标签也具有语义的意义，也就是说元素本身传达了关于标签所包含内容类型的一些信息。例如，当浏览器解析到

标签时，它将该标签解释为包含这一块内容的最重要的标题。h1标签的语义就是用它来标识特定网页或部分最重要的标题。

为什么要语义化？

• 代码结构得到了优化，即使没有css，也能呈现出完整、清晰的结构，更加方便阅读和理解，同时提高了团队合作的效率
• 有利于SEO的优化
• 爬虫依赖标签确定关键字的权重，可以帮助爬虫爬出更多有效信息
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页
• 便于团队开发和维护: 语义化使得代码更具有可读性，让其他开发人员更加理解你的html结构，减少差异化。

常用的语义化标签

HTML5提供了新的语义元素来定义网页的不同部分，它们被称为“切片元素”，如图所示 :

• < h1>~< h6>标签：标题标签，h1等级最高，h6等级最低
• header元素：用于定义页面的介绍展示区域，通常包括网站logo、主导航、全站链接以及搜索框
• nav元素：定义页面的导航链接部分区域
• main元素：定义页面的主要内容，一个页面只能使用一次。
• article元素：定义页面独立的内容，它可以有自己的header、footer、sections等
• section元素：元素用于标记文档的各个部分，例如长表单文章的章节或主要部分
• aside元素：一般用于侧边栏
• footer元素：文档的底部信息
• small元素：呈现小号字体效果
• strong元素：用于强调文本