次のコード例の違いは何ですか? それらをどこでどのように使用するかのいくつかの例をいただければ幸いです。多少の差があるのは分かっているのですが…
<b>
および+ /および- <strong>
<i>
_<em>
<center>
<b>
<strong>
<h1>
<h6>
また、「代替」があるかどうかも疑問に思ってい<u>
ます...
次のコード例の違いは何ですか? それらをどこでどのように使用するかのいくつかの例をいただければ幸いです。多少の差があるのは分かっているのですが…
<b>
および+ /および- <strong>
<i>
_<em>
<center>
<b>
<strong>
<h1>
<h6>
また、「代替」があるかどうかも疑問に思ってい<u>
ます...
<b>
、<i>
およびの使用<center>
はお勧めしません。これらはドキュメントの構造に何の意味も追加しないからです。それらのプレゼンテーション効果は、CSS で再現できます。
<strong>
これらの名前は強調<em>
の概念を暗示しているため、明らかに意味論的です。ブラウザはデフォルトで太字と斜体で表示されますが、これは CSS でも変更できるため、との同義語ではないことに注意してください。<strong>
<em>
<b>
<i>
<h1>
-について<h6>
は、6 つの異なるレベルの見出しを表し、コンテンツに何らかの階層を与えるために使用されます。したがって、意味的にも重要です。
CSSで置き換える方法は次のとおり<u>
です (たとえば、すべての要素を class で置き換えますunderline
)。
.underline { text-decoration: underline; }
ヘッダータグは、ヘッダー/ヘッダーに使用されます。<h1>
toの違いは<h6>
、見出しの「重み」です。多くの人が、SEOの場合<h1>
、ページが何であるかを示すために、ページごとに1つだけ持つのが良いと言います。
どちらもレイアウトの観点からはと同じよう<em>
に<strong>
機能しますが、ドキュメントにセマンティクスを追加しません。これらはHTML5でも非推奨であり、もう使用しないでください。彼らがスタイリッシュにもたらしたものはすべてCSSで実現でき、セマンティクスに欠けているものはすべてとでカバーされ<em>
ます<strong>
。
ずっと前に(XHTML1で?)非推奨になっているので、代わりに次のようなものを使用する必要があります。
<span style="text-decoration: underline;">underline text</span>
a<span>
は「セマンティックニュートラル」であるため、コンテンツに何の価値も追加しません。
以下のリンクからの抜粋:
i - 厳密にはプレゼンテーション要素。テキストをイタリック体にして実際のセマンティックな意味を持たないようにしたい場合は、それを i タグで囲みます。
b - 厳密にはプレゼンテーション要素です。テキストを太字にして実際の意味的な意味を持たないようにしたい場合は、それを b タグで囲みます。
em - 厳密には構造要素です。音声リーダーを使用してテキストを強調して読み上げたい場合は、em タグで囲みます。
strong - 厳密には構造要素です。音声リーダーを使用してテキストを強調して読み上げたい場合は、強力なタグで囲みます。