个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在运行 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/
25
4
0
我正在运行 lynx 来测试一些我必须做的 HTML，因为考虑到了可访问性。我猜想，如果 Lynx 看起来很漂亮，那么所有屏幕阅读器、蹩脚手机和其他东西都可以使用，甚至是最古老的硬件。 在某些情况下，
我想，这是一个非常简单的问题，但我就是想不通。 数组包含整数列表，如果数组中的每个数字“x”后跟数字“y”，我想返回 true。 因此数组具有 {x,3,4,y} 或 {x,x,y,4,5} 或 {5
我是一名优秀的程序员,十分优秀！