作用:
- 让人更容易读懂(增加代码可读性)、便于维护。
- 让搜索引擎更容易读懂,有助于爬虫抓取更多的有效信息,爬虫依赖于 标签来确定上下文和各个关键字的权重(SEO)。
- 在没有 CSS 样式下,页面也能呈现出很好地内容结构、代码结构。
哪些行为有利于SEO:
- 比如使用
<h1>
包裹重要文章的标题。 - 使用
<title>
包裹页面标题。 <img>
标签指定其alt属性。<strong>
和<em>
来强调重要关键词。
举例:
<header>
:页眉通常包括网站标志、导航、以及搜索框
<nav>
:标记导航,包裹文档中重要的链接组。
<main>
:页面主要内容,一个页面只能使用一次。包围其主要功能。
<article>
:定义一个文档,页面。
<section>
:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
<aside>
:侧栏、或者文章的一组链接或产品列表。
<footer>
:页脚,只有当父级是body时,才是整个页面的页脚。
<h1>
<h6>
:各级标题
<p>
: 段落
<small>
:呈现小号字体效果,指定细则,输入免责声明、注解、署名、版权。
<em>
:将其中的文本表示为强调的内容,表现文斜体
<mark>
:使用突出显示部分文本