意味のある CSS .class 名と #id 名を記述することの利点は何ですか?

Question

意味のある CSS .class 名と #id 名を記述することの利点は何ですか?スクリーン リーダーは、ユーザーがタグ内のコンテンツの意味と目的を理解できるように音声を発していますか?

Answer 1

繰り返しますが、セマンティクスに関する最近のすべての質問と同様、答えは同じです。

それはすべて、問題のエンティティのデータ コンテキストに依存します。

要素に意味のあるフィールドが含まれている場合は、その特定のフィールドを簡単に定義するために (CSS を適用したくない場合でも) 要素にクラスを割り当てると便利です。

<span class="username">Andrew Moore</span>

そうすることで、次のような利点があります。

• コード内のフィールドのコンテンツを簡単に識別します。
• メンテナンス性が高まります。
• これは、パーサーとサードパーティ アプリケーションがこのフィールドの値を取得するのに役立ちます。

マイクロフォーマットは、このより大きな例にすぎません。簡単に言えば、これらは特定のデータセットを保持する事前定義された要素と属性のセットであり、サードパーティツールによる解析を容易にすることを目的としています。

Answer 2

一般圏、それだけで、開発者/デザイナーのために有益です。

Answer 3

他の回答には良いですが、私はここでスクレイピング/サードパーティのツールの側面に焦点を当てます。

ケース1は、スパイダーや検索エンジンのようなクロールです。彼らはあなたのページを解析し、id="username"のようなものが表示されている場合、彼らはid="div-style-32"よりも、その中にいくつかの意味を把握する可能性が高くなります。確かに、私はGoogleが今、この種のものをやっているかわからないが、より多くの人々はそれについて優れていたならば、それは可能性があります。

ケース2は、HTMLをプルダウンし、データとしてその内容を抽出するために、それを処理するためにスクリプトを書く人です。任意のマークアップと、この缶をしたいほとんど誰も、それがどのように迷惑のそのだけの問題。よりクリーンで十分に説明マークアップはスクレーパースクリプトをより簡単に、それは意味を増加していますのために必要な情報を見つけることができます。

このは、ブラウザの拡張機能や、ユーザーがサイトの動作を変更できるようにするGreasemonkeyのスクリプトのようなものを含んでいます。クリーンなマークアップでこれらの変更を作成することが容易になります。

しかし、あなたは、人々がこするか、クライアント側拡張機能を使用してサイトを変更したくない場合は、あなたが技術的な観点からについてできることはほとんどありません。あなたはそれを止めることはできない、あなただけのお尻の痛みのそれはより行うことができます。そして、サイトの開発者のための保守性の利点は巨大です。だから、本当に、なぜいけないのでしょうか？

要するに、それを行うのはのサイトで行うことができます簡単にあなたや他の人がを全て異なるものになります。

Answer 4

あなたはマシンのためではなく、人間のためにそれをしない。

我々は唯一の我々はまだアセンブリでコーディングされると思いマシンを気にした場合：）