Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 什么';在Facebook上使用FB#u hiddencainer div元素';s站点?_Html_Css - Fatal编程技术网

Html 什么';在Facebook上使用FB#u hiddencainer div元素';s站点?

Html 什么';在Facebook上使用FB#u hiddencainer div元素';s站点?,html,css,Html,Css,该元件的尺寸为0px,绝对位置为-10000px。我在其他网站上也看到过类似的隐藏div,它们总是在源代码顶部附近被调用,并且不包含其他元素。每当你看到一个元素被奇怪的位置所隐藏,而不是显示:none,它可能被用来存储异步调用的结果以供以后使用。它用于屏幕阅读器为盲人读取。通常,W3C为其他标记指定了某些规则,如alt=“”以便盲人或视力受损的人可以通过屏幕阅读器访问web。例如,盲人用户无法在视觉上定位光标,因此使用键盘和屏幕阅读器来访问网页的不同元素。严重身体残疾的人依靠简单的开关设备(反映

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

每当你看到一个元素被奇怪的
位置所隐藏,而不是
显示:none
,它可能被用来存储异步调用的结果以供以后使用。

它用于屏幕阅读器为盲人读取。通常,W3C为其他标记指定了某些规则,如
alt=“”
以便盲人或视力受损的人可以通过屏幕阅读器访问web。例如,盲人用户无法在视觉上定位光标,因此使用键盘和屏幕阅读器来访问网页的不同元素。严重身体残疾的人依靠简单的开关设备(反映键盘选项卡键的功能)在页面上移动。在大多数标准站点中,您可能已经看到了
站点名称
标签,因为他们定义了如下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/

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

谢谢,很难看出这些元素的任何意义,因为它们完全不包含任何内容。但考虑到可访问性,它们现在有点意义了。