我正在运行lynx
来测试我必须做的一些HTML,因为考虑到可访问性。我猜想,如果Lynx看起来很漂亮,那么屏幕阅读器,蹩脚手机和其他东西的整个范围都可以,甚至是大多数古老的硬件。立即在html标签下的div标签的合法性
在某些情况下,我使用了一个快捷方式,以防止在支持和启用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代码是以更大的开发成本和更大的下载成本为代价的?
我的山猫编译buggy?
我的WebKit编译错误吗?
请检查[https://stackoverflow.com/q/45390048/1737973](https://stackoverflow.com/q/45390048/1737973)。 – uprego
如果您在自己的帖子中包含代码的相关部分,那么试图帮助您的人可能会更容易。 – jcaron