Question

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

Answer 1

每当你看到一个被奇怪的position而不是display: none隐藏的元素时，它可能会被用来存储异步调用的结果以供以后使用。

Answer 2

屏幕阅读器用于读取盲人。一般情况下，某些W3C的规则也适用于其他标签，如alt=""，以便盲人或有视力障碍的人可以通过屏幕阅读器访问网络。盲人例如，用户无法直观地定位光标，因此将键盘与屏幕阅读器结合使用可以访问网页的不同元素。严重身体残疾的人依靠简单的切换设备（镜像键盘标签键的功能）在页面上移动。在大多数标准站点中，您可能已经看到<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/

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

Facebook网站上FB_HiddenContainer div元素的用途是什么？

2 个答案: