3 に答える
テキストを太字にするか、イタリック体にするか、黄色でハイライトするかを常に考えているので、代わりに CSS を使用する必要があると思います。
それは 100% 正しいです。マークアップは、外観ではなく内容を説明するためのものです。そうは言っても:
http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html
この
<strong>
要素は、そのコンテンツの重要性を表しています。strong 要素を含むテキストの重要度を変更しても、文の意味は変わりません。要素は、そのコンテンツの
<em>
強調強調を表します。アクセント強調の配置によって、文の意味が変わります。この要素は、別のコンテキストでの関連性のために
<mark>
、参照目的でマークまたは強調表示された 1 つのドキュメント内の一連のテキストを表します。
<mark>
実際にはコンテンツとの関連性はなく、コンテキストのみです (たとえば、検索語に一致するコンテンツ、スペルミスのある単語、Web アプリで選択されたコンテンツなどをマークするなど)。
<strong>
重要なテキストを示しますが、意味には影響しません。
<em>
重要なテキストを示し、強調して読む/話す必要があることを示すことで、コンテンツの意味に影響を与えます。
CSS を使用して、これらすべての要素のブラウザーの既定値を自由に変更できます。
HTML はマークアップ言語であることを忘れないでください。その中にページの内容を書きます。「Cats are NOT dogs」を使用すると、Google などの検索エンジンは「DOGS」が識別フレーズであるかどうかを認識できません (もちろん、読者はそれに気付くでしょう)。スタイリング言語である CSS を使用すると、同じことが起こります。検索エンジンは「DOGS」を識別テキストとして認識しませんが、ユーザーは認識します。
質問の要素を使用すると、実際に情報が得られます。それらはセマンティック要素と呼ばれます。たとえば、検索エンジン (またはスクリーン リーダーや読み上げソフトウェア) は、CSS を使用して大きく太字にする<h1>
よりも、要素をタイトルに使用する方が有益です。<p>
もう 1 つの例は、alt
で とtitle
属性を使用することです。img
これは、エンジンが にどの画像があるかを理解できないためですsrc
。
そのため、HTML 要素のいずれかが<em>
ユーザーにとって目立つものであっても、エンジンにとってはそれらの要素内のテキストに異なる意味を与えます。<strong>
<mark>
本などの文体を探してください。確かに、ウェブページはこれほど正式ではありませんが、出発点となるはずです。斜体のテキスト(つまり、<em>)は強調のために使用されます。太字(<strong>)は、タイトルなどに使用されますが、テキストの実行ではめったに使用されません。