许多人说大纲算法毫无价值,因为它目前还没有被任何浏览器实现,并且可能对 SEO 没有任何影响。没有迹象表明这种情况将来会改变。然而,了解它非常重要,因为它包含让您了解如何正确编写 HTML5 代码的基础知识,从而改善屏幕阅读器的语义结构、SEO 和可用性。
在深入研究算法之前,我们先来看看HTML5 的一些基本概念:
在 HTML4 中,页面上标题的层次结构由标签h1、h2、h3、h4、h5 和 h6给出。在 HTML5 中,情况有所不同,每个标头在层次结构中占据的级别主要不是由每个“h”附带的数字给出的,而是由每个标头及其周围的标签在文档中占据的位置给出的。这个想法起源于被废弃的 XHTML2 规范,并已成为 HTML5 开发的基础,并且具有几个重要的优点:首先,我们可以拥有无限数量的标头级别,而不仅仅 手机号码数据 手机号码数据是六个,并且其次,我们可以创建组件,无论它们是否有 h1、h2、h3 等。它的标题将始终占据包含它的页面中与其相对应的层次结构的级别,后者在重用代码时尤其重要,我们可以拥有任何级别的标题,并且适用于小部件、CMS 插件以及Web Components,我很快就会写到。
根节元素
它们是可以被视为包含独立文档的元素。这些要素是:
<body>:你已经知道了,它包含 HTML 文档
<blockquote>:来自其他来源的内容
<fieldset> – 表单控件组
<figure> – 用于插图、图表、代码等。
<td>:表格的单元格
它们是定义当前根节元素或其他内容节中的 然而,在没有任何安慰的情况下 节的元素。每个部分都可以包含页眉和页脚元素。下面是对这些元素的非常简短的解释:
<article> – 是文档的一部分,可以独立理解和分发,而无需阅读文档的其他部分。这些通常是博客文章、产品等。
<section> – 是文档的一部分,与文档的其他部 加拿大电子邮件线索 分相关。它用于形成同一主题的一组部分。
<aside>:是文档的一部分,其中包含与主要主题无关或横向的信息。通常用于侧栏。
<nav>:是文档的一部分,具有主导航链接,可通往其他页面或同一页面的部分。
内容部分元素
小心<main> 标签。尽管看起来像这样,但此标签不是内容部分元素:它用于构建页面的主要内容,这通常是当我们从一个页面导航到另一个页面时发生更改的内容部分。
至此,我们已经有了理解“大纲算法”如何工作的基础,我们可以将其自由地翻译为标题算法。