0

我跑去lynx测试一些我必须做的 HTML，因为考虑到了可访问性。我猜想，如果在 Lynx 中看起来很漂亮，那么整个系列的屏幕阅读器、蹩脚的手机和其他东西都可以，即使是最古老的硬件。

在某些情况下，我会使用快捷方式来一次清除所有静态 HTML，以应对支持和启用 JS 的常规情况，包括将所有静态 HTML 标签嵌套在div要清除的已识别标签中。

后来我意识到这导致我的lynx编译行为发生了变化：

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta name=viewport content="width=device-width">
    <title>Title</title>
  </head>
  <body>
    <div id="whatever">
      <header>
        <h1>First heading</h1>
      </header>
      <main>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </main>
      <footer>
        <hr />
        <p>
          Footer.
        </p>
      </footer>
    </div>
  </body>
</html>

浏览它（也在http://dryleav.es/so_20170729/with_div_inside.html中）将第一个标题移到最左边：

在此处输入图像描述

在http://driedleav.es/so_20170729/without_div_inside.html中浏览另一个，将第一个标题居中：

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta name=viewport content="width=device-width">
    <title>Title</title>
  </head>
  <body>
    <header>
      <h1>First heading</h1>
    </header>
    <main>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
        eiusmod tempor incididunt ut labore et dolore magna aliqua.
      </p>
    </main>
    <footer>
      <hr />
      <p>
        Footer.
      </p>
    </footer>
  </body>
</html>

在此处输入图像描述

在我的本地主机的 WebKit 软件中显示它时，我无法捕捉到任何行为差异。

为了标准、兼容性和可访问性，我是否应该放弃在div标签下直接使用的标签？body以开发和下载更大的 JS 代码为代价？

我的 Lynx 编译有问题吗？

我的 WebKit 编译有问题吗？

4

1 回答 1

1

通过插入 a div，lynx 考虑创建一个隐式部分，该部分使该h1部分的标题成为该部分的标题，而不再是网页的标题。

您应该注意，将 替换为<div id="whatever">会<main id="whatever">产生预期的结果。

于 2017-07-29T16:47:05.460 回答