我正在运行 lynx 来测试一些我必须做的 HTML，因为考虑到了可访问性。我猜想，如果 Lynx 看起来很漂亮，那么所有屏幕阅读器、蹩脚手机和其他东西都可以使用，甚至是最古老的硬件。
在某些情况下，我使用了快捷方式，以防我想在支持并启用 JS 的常规情况下一次性清除所有静态 HTML，包括将所有静态 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://driedleav.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 软件中显示时，我无法发现任何行为差异。
为了标准、兼容性和可访问性，我是否应该放弃紧接在 body 标签下使用的 div 标签？以开发更多、下载更多 JS 代码为代价？
我的 Lynx 编译有问题吗？
我的 WebKit 编译有错误吗？
最佳答案
通过插入 div ，lynx 考虑创建一个隐式部分，这使得 h1该部分的标题，不再是网页的标题。
您应该注意，替换 <div id="whatever">与 <main id="whatever">给出了预期的结果。
关于javascript - 紧邻 html 标签下的 div 标签的合法性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45390025/