HTML 5 文档大纲算法

2023-12-06

我正在构建一个新网站,最近开始研究文档大纲算法。它规定所有部分都应该有一个标题,部分包括section, nav, article and body(可能还有更多)。

所以,我有几个导航区域,我的问题是;拥有标题但将其隐藏在浏览器中是否明智?


Every 分段内容元素标题元素的“longs”(h1-h6)。但你是不需要提供一个。

如果您没有为某个部分提供标题元素,则该部分将有一个隐含标题. HTML5 大纲工具可能会将这些隐含标题显示为“无标题部分”或“空标题”。

因此,当您始终尽可能使用分段内容元素时,即使您不提供单个标题元素,您的文档大纲也将是正确的(当然不建议这样做;标题非常有用!)。

这两个文档将具有相同的大纲层次结构:

<!-- DOCUMENT A -->
<body>
  <article>
  </article>
  <nav>
  </nav>
</body>
<!-- DOCUMENT B -->
<body>
  <h1>site title</h1>
  <article><h1>main content title</h1></article>
  <nav><h1>navigation title</h1></nav>
</body>
Outline for DOCUMENT A       Outline for DOCUMENT B
1. untitled (body)           1. "site title" (body)
  1. untitled (article)        1. "main content title" (article)
  2. untitled (nav)            2. "navigation title" (nav)

所以用起来还是不错的nav没有任何标题。但是,如果您认为标题可能对没有 CSS 支持的消费者(例如屏幕阅读器用户或搜索引擎)有用,您可以提供标题并在视觉上隐藏它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML 5 文档大纲算法 的相关文章

  • 如何在没有 JavaScript 的情况下预加载图像?

    在我的 HTML 页面之一上 当我将鼠标悬停在某些链接上时 会显示一些大图像 并且加载这些图像需要一些时间 我不想使用 JavaScript 来预加载图像 有什么好的解决办法吗 HTML5 有一种新方法可以做到这一点 即link prefe
  • 为什么网格项目不居中?

    由于某种原因 两个输入范围使网格中的前两项偏离中心 我假设这是因为它们的影子 DOM 样式 事实真的是这样吗 有谁知道为什么范围使项目 A 和 B 偏离中心 这是一个代码笔 https codepen io tOkyO1 pen QOeKL
  • 将 JSON 发布到 Python CGI

    我已经安装了 Apache2 并且 Python 可以工作 但我有一个问题 我有两页 一个是 Python 页面 另一个是带有 JQuery 的 Html 页面 有人可以告诉我如何让我的 ajax 帖子正常工作吗
  • 在按钮之间添加空间?

    嗨 我这里有一个代码 除了一件事之外 一切都很完美 代码中每个按钮之间没有空格 我尝试过 margin 但不幸的是它是一个无序列表 所以我有点困惑 我将添加或替换什么以在两个按钮之间留出空间 帮助
  • R Shinydashboard 自定义 CSS 到 valueBox

    我一直在尝试将 valueBox 的颜色更改为自定义颜色 超出 validColors 中可用的颜色 但一直无法这样做 我知道有一种方法可以使用标签来包含自定义 CSS 但是我无法将它们放在正确的位置 ui lt dashboardPage
  • 使用 :hover 作为元素的内联样式(使用 HTML/CSS/php)[重复]

    这个问题在这里已经有答案了 可能的重复 如何将 a hover 规则嵌入到文档中间的样式属性中 https stackoverflow com questions 131653 how do i embed an ahover rule i
  • 如何为 TBODY 应用垂直滚动条

    我的表中有 4 列和 5 行数据 我必须为 TBODY 应用垂直滚动条 TH 标题内容不应滚动 我对场景进行了编码 并且在我将滚动类应用于 TBODY 之前它工作正常 一旦我将滚动样式类应用于 TBODY 它就会破坏之前的对齐方式 任何人都
  • 如何使用 JavaScript 获取元素的填充值?

    我有一个textarea在我的 HTML 中 我需要获取整数或浮点形式的填充数值 以像素为单位 我如何使用 JavaScript 获取它 我没有使用 jQuery 所以我正在寻找纯 JavaScript 解决方案 这将返回padding l
  • 输入类型=图像 - onclick(),将触发其事件,但在 jquery 中的函数上表现不佳

    我认为这可能是两篇文章 2个问题 所以如果你对此发表评论 我会将它们分开 主要问题实际上是 我怎样才能为按钮设置图像背景 简单且正确 我想现在我可以确定这些事实了 因为我在将图像设置为按钮背景时遇到了 小 问题 我想 好吧 如果很难设置的话
  • JSF 2.1 中的 HTML 4 <按钮>

    我想使用以下命令 The JSF
  • 使用 jQuery 清除 IMG

    我正在尝试从 a 中删除加载的图像 img 元素 但清除或删除 src 不会执行此操作 该怎么办 HTML img src https www google com images srpr logo3w png JQUERY img att
  • 如何倾斜 div 并保持背景图像不倾斜

    我已经花了几个小时了 所以希望有人能提供帮助 我有一个网站 其中大部分 div 都是倾斜的 大多数 div 都包含背景图像 现在我已经让 div 倾斜了 内容完美地位于其中 唯一的问题是背景图像 它与父级一起倾斜 我用谷歌搜索了很多 但找不
  • 如何在HTML中的PHP中注释掉HTML和PHP?

    这是我想注释掉的一行代码 h1 class post title a href title a h1 一种流行的注释方法是分别注释 html 和 php 有一个更好的方法吗
  • 如何使用 a-href 标签链接回文件夹? [复制]

    这个问题在这里已经有答案了 好吧 我在文件夹中有一个页面 该页面称为 jobs html 该文件夹简称为 jobs 它是我的 网站 文件夹的子文件夹 在 main 文件夹的主目录中是我的 home html 文件 当我尝试做的时候 a hr
  • 如何将此 HTML 表格布局解决方案转换为浮动 div 解决方案?

    我经常需要列出各种尺寸的项目images在左边和text在右边 像这样 替代文本 http www deviantsart com upload 7s01l5 png http www deviantsart com upload 7s01
  • 按百分比设置 bootstrap 模态身高

    我正在尝试制作一个带有主体的模态 当内容变得太大时 该主体会滚动 但是 我希望模式能够响应屏幕尺寸 当我将最大高度设置为 40 时 它没有任何效果 但是 如果我将最大高度设置为 400px 它会按预期工作 但不会响应 我确信我只是错过了一些
  • Google Chrome 106 可拖动导致元素消失

    使用拖放元素时 绝对定位元素中包含的大多数其他元素都会从屏幕上消失 如果我调整窗口大小 这些元素会出现 但在开始拖动时会再次消失 我在最新版本的 Google Chrome 106 和 Beta 版本 107 0 5304 18 以及现在的
  • 我可以停止 :hover 应用于元素吗?

    假设我有一些 CSS button hover font weight bold 我怎样才能防止 hover随意应用样式 我的目标用例是当元素被禁用时 例如 使用这个 HTML
  • 三级十进制有序列表 CSS

    我有一个 html 中的三级有序列表 我想为其提供如下样式 1 Item 1 1 1 Item 2 1 1 1 Item 3 下一个 plunker 中有一个 html 示例 http plnkr co edit DqhZ5pJILTUHG
  • HTML 默认图像大小

    我在我的代码上显示 3 张图片 图片具有不同的尺寸 宽度和高度 div class row div class col lg 12 h2 class page header Gallery h2 div div class col md 4

随机推荐

  • 联合的默认值是否始终为零?

    请让我们考虑以下代码 include
  • C# / WPF 取消密码框内的密码掩码

    每当我单击复选框时 如何解密和隐藏密码框中的密码 我正在使用 C WPF 模板 这是我的 XAML 代码
  • HDFS 文件如何存储在底层操作系统文件系统上?

    HDFS 是 Hadoop 中的逻辑文件系统 块大小为 64MB HDFS 上的文件保存在底层操作系统文件系统上 例如块大小为 4KiB 的 ext4 据我所知 对于本地文件系统上的文件 操作系统使用4KiB块的物理硬盘的起始柱面和结束柱面
  • 使用 Objectify 创建或出错

    我正在开始使用 Google App Engine 并且正在使用 Objectify 如何在数据存储中创建根实体 但如果它已经存在 则会出错 我没有找到任何内置的东西 例如DatastoreService put 因此ofy save 将覆
  • Entity Framework Core 在 QueryType(数据库视图)上使用 Include

    我将 EF Core 连接到 MySql 并且有一个名为 帖子浏览量 我读了这个article说我可以使用数据库视图的查询类型 如果我只调用 context PostViews 它就可以工作 但如果我在它上面使用 Include 例如 co
  • 不同的浏览器意味着同一台机器的不同客户端

    如果我打开我正在使用的同一浏览器 例如 Firefox 的新选项卡 或窗口 那么服务器将把它视为同一个客户端 但是 如果我从不同的浏览器 例如 IE 打开相同的 URL 则服务器无法将其识别为同一个客户端 那么 服务器如何在内部识别客户端呢
  • 修改 ReSharper 中的关闭警告

    我希望有人可以向我解释这段代码中可能会发生什么不好的事情 这会导致 ReSharper 发出 访问修改的闭包 警告 bool result true foreach string key in keys TakeWhile key gt r
  • 使用 Maven Cargo 插件将 Web 应用程序部署到外部 glassfish4 实例

    我正在尝试使用货物部署应用程序 这是它的配置
  • 在 Chrome 扩展 V3 中复制到剪贴板

    我正在开发一个 chrome 扩展 V3 我想将 JS 文件中的内容复制到剪贴板 Manifest json 如下 background service worker eventPage js permissions contextMenu
  • R:使用索引矩阵从数组中提取矩阵

    我正在用 R 进行编码 并且有一个包含数据的 3 维数组 示例中的 ab 然后我有一个矩阵 其中包含第三个数组维度 idx 的索引 该矩阵具有与数组相同的行数和列数 我想使用 idx 中包含的索引从数组中提取数据 以获得与 idx 具有相同
  • 基类构造函数的使用声明

    第一眼 using用于导入特定的函数 例如using std cout到范围 但是这个using实际上将基类的所有构造函数导入到派生类中 这背后到底是什么using宣言 template lt typename T gt class Vec
  • 如何在scrollview中添加两个listview

    我在一个滚动视图中添加两个列表视图 因为我的两个列表视图都将包含数据 但我面临的问题是 当我在滚动视图中添加列表视图时 它只显示每个列表视图的一项 这是图像 XML 代码是
  • Spring boot async:在异步方法中获取 HttpServletRequest

    我已经在我的 Spring Boot 应用程序中启用了异步 Configuration EnableAsync public class BackOfficeConfiguration 我创建了这个异步方法 Async public voi
  • 修复 javax.mail.AuthenticationFailedException 异常

    我正在学习如何使用 javamail API 发送电子邮件 我已经创建了使用 SMTP 服务器发送简单电子邮件所需的属性和说明 并且我正在使用以下代码 Properties props new Properties props put ma
  • 我可以打开 jupyter 笔记本,但无法在 Mac 上运行包含 python 脚本的笔记本

    我已经使用 jupyter 以及 Atom 和 python 一年多了 我目前在 macOS 10 14 上使用 Python 3 7 2 从终端运行 Python 没有问题 这是我运行后得到的 PATHsys path Library F
  • 如何在使用 .NET 安装期间授予文件夹读/写权限

    我有一个使用 Visual Studio 2010 构建的安装项目 安装程序在将应用程序及其所有依赖项安装到其正确的子目录和程序数据目录中方面运行良好 但是 我注意到安装程序创建的每个目录 根文件夹及其所有子目录 都没有授予 写入 权限 添
  • 在 MonoTouch 中缩放 UIScrollView

    我正在尝试使用 MonoTouch 中的 UIScrollView 实现缩放功能 但我似乎无法使其工作 我看过一些关于设置委托的教程 但大部分都是用 Obj C 编写的 我无法将其转换为 C 基本上 我在 Interface Builder
  • maven 获取服务器原型失败

    根据指示Teamcity 文档 I use mvn archetype generate DarchetypeRepository http download jetbrains com teamcity repository Darche
  • 使用 VBA 将超链接添加到 Word Content Control

    我有一个 Word 2010 模板 使用时 会向用户呈现一个表单 并提示他们在名为的文本框中输入字符串Bug编号文本框 根据命令 我希望构建一个 URL 创建一个超链接 并将其插入到文档中 所需的插入点 锚点 是标签名称为 foo 的富文本
  • HTML 5 文档大纲算法

    我正在构建一个新网站 最近开始研究文档大纲算法 它规定所有部分都应该有一个标题 部分包括section nav article and body 可能还有更多 所以 我有几个导航区域 我的问题是 拥有标题但将其隐藏在浏览器中是否明智 Eve