html - FacebookのサイトでのFB_HiddenContainer div要素の用途は何ですか?

html css

要素のサイズは0pxで、絶対位置は-10000pxです。他のサイトでも同様の非表示のdivを見てきましたが、それらは常にソースコードの上部近くで呼び出され、他の要素は含まれていません。
答え
これは、スクリーンリーダーが視覚障害者のために読み上げるために使用されます。一般的に、他のタグにもalt=""のような特定のW3Cルールが指定されているため、視覚障害者がスクリーンリーダーを介してWebにアクセスできます。カーソルを視覚的に配置し、スクリーンリーダーと組み合わせてキーボードを使用して、Webページのさまざまな要素にアクセスします。重度の身体障害を持つ人々は、キーボードのタブキーの機能を反映した単純な切り替えデバイスを使用してページを移動します。ほとんどの標準サイトでは、このようなCSSを定義した<h1 class="logo"><strong>Site Name</strong></h1>タグを見たことがあるかもしれません:

.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/


この情報があなたの好奇心を克服するのに役立つことを願っています.. :)
関連記事

jquery - クリックイベントを含む複数のドロップダウンメニュー

html - display:inlineを含むHTML liタグがIE7でブロックとして表示される

html - IEの頭痛-CSS:first-childセレクターが機能せず、Google Web Fontsを使用した奇妙な動作

android - 多数のテキスト行とスタイルを持つEditTextで2Dスクロールを有効にします

html - CSS / HTML:IE9 + jsFiddleの配置の問題

html - <TD>セルに背景画像が表示されない

html - cssでメニュー項目の幅を自動的に計算する

php - php / htmlにフレームのような構造を作成しますか?

html - GoogleマップとHTML 5 GeoLocationから国コードを取得する

javascript - SQLite openDatabaseで複数のデータベースを作成する