html-语义化标签

什么是语义化标签

语义化是指对某件事情或某个东西的含义有正确直观的解释，那么在HTML中，语义化标签就是指这个标签本身直观表达出了它所包含的内容是什么。

语义化标签的好处

代码结构得到了优化，即使没有css，也能呈现出完整、清晰的结构，方便代码阅读和理解。

有利于搜索引擎的优化

爬虫依赖标签确定关键字的权重，可以帮助爬虫得到更多有效信息

方便其他设备解析（e.g.屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页

常见的语义化标签

<h1>~<h6>：标题标签，h1等级最高 h6等级最低

<header>：用于定义页面的介绍展示区域，通常包括网站logo，主导航、全站链接以及搜索框

<nav>：定义页面的导航链接部分区域

<main>：定义页面的主要内容，一个页面只能用一次

<article>：定义页面独立的内容，他可以有自己的header、footer、section等

<section>：元素用于标记文档的各个部分，例如长表单文章的章节或主要部分

<aside>：一般用于侧边栏

<footer>：文档的底部信息

<small>：呈现小号字体效果

<strong>：用于强调文本