语义化标签与seo

作用：

1. 让人更容易读懂（增加代码可读性）、便于维护。
2. 让搜索引擎更容易读懂，有助于爬虫抓取更多的有效信息，爬虫依赖于 标签来确定上下文和各个关键字的权重（SEO）。
3. 在没有 CSS 样式下，页面也能呈现出很好地内容结构、代码结构。

哪些行为有利于SEO：

1. 比如使用<h1>包裹重要文章的标题。
2. 使用<title>包裹页面标题。
3. <img>标签指定其alt属性。
4. <strong>和<em>来强调重要关键词。

举例：

<header>：页眉通常包括网站标志、导航、以及搜索框

<nav>：标记导航，包裹文档中重要的链接组。

<main>：页面主要内容，一个页面只能使用一次。包围其主要功能。

<article>：定义一个文档，页面。

<section>：定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

<aside>：侧栏、或者文章的一组链接或产品列表。

<footer>：页脚，只有当父级是body时，才是整个页面的页脚。

<h1> <h6> :各级标题

<p>: 段落

<small>：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。

<em>:将其中的文本表示为强调的内容，表现文斜体

<mark>：使用突出显示部分文本