html - Facebook 网站上的 FB_HiddenContainer div 元素有什么用？

Question

该元素的尺寸为 0 像素，绝对定位为 -10000 像素。我在其他网站上看到过类似的隐藏 div，它们总是在源代码顶部附近调用，并且不包含其他元素。

Answer 1

用于屏幕阅读器为盲人朗读。一般有一些W3C的规则规定其他标签也如alt=""。以便盲人或视力受损的人可以通过屏幕阅读器访问网络。例如，盲人用户无法在视觉上定位光标，因此将键盘与屏幕阅读器结合使用来访问网页的不同元素。 body 有严重残疾的人依靠简单的切换设备(反射(reflect)键盘 Tab 键的功能)在页面上移动。在大多数标准站点中，您可能已经看到 <h1 class="logo"><strong>Site Name</strong></h1>。他们定义 CSS 的标签是这样的:

.header .logo strong {
font-size: 0;
height: 0;
left: -999em;
line-height: 0;
overflow: hidden;
position: absolute;
text-indent: -999em;
top: -999em;
width: 0;

}以便屏幕阅读器可以轻松访问它。

您可以通过浏览这些链接阅读更多信息:-

http://www.webbie.org.uk/webbie.htm 
http://www-03.ibm.com/able/guidelines/web/webcss.html
http://www.w3.org/TR/WCAG10-TECHS/#Techniques
http://www.unleashwebaccess.com/2011/02/help-blind-users-read-your-blog-help-everyone/

希望这些信息能帮助您克服好奇心..:)