web-dev-qa-db-ja.com

<b>タグと<i>タグが非推奨になることはありますか?

(これは、保留中の災害よりも奇妙な質問です:D)

したがって、<b> and <i>タグは、Webの最初の頃から存在しています(私は推測します)。しかし、今ではCSSがあり、多くの人が「文体のhtmlタグ」に反対しています。これらは文体的なタグですが、<span class="bold">を何度も作成する必要がなく、ダウンロード時間を短縮できるため、それほど悪くはありません。スペースをあまりとらず、使いやすく、スクリーンリーダー、検索エンジン、およびドキュメントの外観をあまり気にしないその他のアプリケーションに役立つ可能性があるため、それらを削除すると、 htmlコード、おそらくそうではないと思いますが、それでもトピックを取り上げたかったのです。 :)

45

<span class="bold">を頻繁に実行することになった場合、spanまたはclassの名前を正しく使用していません。クラス名は、タグがどのように見えるかではなく、タグが何であるかを示す必要があります。 )。

<b><i>の正しい置換は<strong><em>であり、内部の特定のテキストが異なることに注意するために使用する必要があります周囲のテキストよりも意味

Update:HTML5でリリースされた<b><i><strong><em>の新しい仕様

HTML5では、<b><i>は、<strong><em>と同様に特定の意味を持ちます。指定どおりにすべて使用してください。

4.6.2em要素

Em要素は、その内容のストレス強調を表します。

4.6.3strong要素

強い要素は、その内容に対する強い重要性、深刻さ、または緊急性を表しています。

4.6.16i要素

I要素は[...]を表します。それ以外の場合は、分類学的指定、専門用語、[...]などの通常の散文[...]からオフセットされます。

4.6.17b要素

B要素は、実用的な目的で注目されているテキストのスパンを表します[...]。たとえば、ドキュメントの要約のキーワード、レビューの製品名[...]などです。

90
Esteban Küber

それらは HTML 4.01では非推奨ではありません であり、 HTML 5では非推奨ではありません です。理由:

これらの要素を含めることは、それらの広範な使用法、およびより具体的な要素でカバーされていないユースケースでのそれらの有用性に基づいて、主に実用的な決定です。

強調(em)、引用(cite)、定義(dfn)、変数(var)など、より具体的な要素でカバーされるイタリックの一般的なユースケースは多数ありますが、そうでないユースケースは他にもたくさんあります。これらの要素で十分にカバーされています。たとえば、分類学的指定、専門用語、別の言語からの慣用句、考え、または船名。

同様に、太字のテキストの多くの一般的な使用例も、強い強調(strong)、見出し(h1-h6)、テーブルヘッダー(th)などのより具体的な要素でカバーされています。ドキュメントの要約のキーワードやレビューの製品名など、そうでないものもあります。

このような場合、span要素は適切なクラス名と関連するスタイルシートとともに使用する必要があると主張する人もいます。ただし、b要素と​​i要素は、スタイルシートをサポートしていない環境や、スクリーンリーダーなどの視覚的にレンダリングされない環境で、適切なフォールバックスタイルを提供します。また、テキストが周囲のコンテンツと何らかの形で異なることを示します。

本質的に、それらは、それらの使用の文脈で読者によって決定されるべきである、非特定ではあるが、明確なセマンティクスを伝えます。言い換えれば、それらはそれ自体では特定のセマンティクスを伝えませんが、コンテンツが周囲とは何らかの形で異なっていることを示しており、セマンティクスの解釈は読者に任されています。

これについては、記事 <b>および<i>要素 でさらに説明されています。

同様に、小さな要素は、一般的に活字で小さな印刷でレンダリングされ、しばしば細かい印刷と呼ばれるコンテンツに対して定義されます。これには、著作権表示、免責事項、およびドキュメントの最後に一般的に見られるその他の法的テキストが含まれる場合があります。

59
ax.

いいえ。<i><b>は非推奨ではありません。少なくとも、 HTML 4では ではありません。それらが適用される可能性のある1つの状況は、参照のリストです。たとえば、ドイツでは、参照は次のように与えられます。

著者:タイトル。発行者、年、.。

この場合、タイトルは斜体であると定義されています。これは特別な強調ではありませんが(<em>タグで示されるように)、実際には斜体です。

ETA:はい、<cite>要素も使用する必要があります。しかし、私の主張はまだ立っています:

<cite>Author: <i>Title.</i> ...</cite>

ウィキペディアでも、前回見たときに両方のタグを幅広く使用しています。

9
Joey

biには意味的な意味はありません。太字のテキストだけが必要な場合はbを使用しますが、それ以外の場合はstrongemを使用する必要があります。

8
erenon

「プレゼンテーションとは別のスタイル」のガイドラインは、<em><strong>の代わりに<i><b>を使用することであり、<span>は必要ないと思います。

6
Andrew Coleson

http://www.w3.org/TR/html401/index/elements.html によると、現在非推奨ではありません。

6
Mark Pim

すばらしい質問です。次のことをお勧めします。

はい、非推奨にする必要があります。これらはスタイリングタグであり、コンテンツを追加しません。

いいえ、それらは非常に根付いているので、取り出すのは悪夢になるので、非推奨になることはありません。

そうは言っても、すべてのブラウザが<b>タグと<i>タグを引き続きサポートする可能性が非常に高いです。

4
p.campbell
  1. それらは非セマンティックであり、CSSのつま先を踏みます。
  2. いいえ、あまりにも多くの人が迅速で汚い方法を好みすぎています。
2
Quentin

IE-6ブラウザの人々を忘れないでください!!
このブラウザは、<a> </a>タグのキャプション内で使用されると、<strong>タグに部分的に問題があります。
例:
<a> <strong>こんにちは</ strong> </a>
IE-6は、開始<strong>タグの前と終了</ strong>タグの後に画面に改行を作成します。代わりに<b>(太字)タグを使用することはできません。その後、すべてが正しく表示されます。

よろしく、マティアス

2
Matthias

ブラウザがそれらのサポートをやめるかどうかは非常に疑わしい。ただし、W3C検証ツールがそれらを使用しているページでエラーを発生させた場合、時間の経過とともに使用量が減少すると思います。時間はかかりますが、人々は習慣を変えます。たとえば、かつて遍在していたFONTタグを見てください。

1
Dan Diplo

<b>および<i>は構造的または意味的な要素ではありません。 HTMLをセマンティック/構造にし、CSSにスタイルを含める必要があります。

ここ または ここ を参照してください

1
Ron Gejman

私はこのスレッドが古いことを知っていますが、将来の参照と更新の目的のためにこの情報を投稿します

HTML5では、<b><i>は、<strong><em>と同様に特定の意味を持っています。指定どおりにすべて使用してください。

4.6.2 em要素[WHATWG.org ...]

www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-em-element

4.6.3 strong要素[WHATWG.org ...]

www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-strong-element

4.6.16 i要素[WHATWG.org ...]

www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-i-element

4.6.17 b要素[WHATWG.org ...]

www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-b-element

0
Shiva

XHTML2.0ではそうです。 HTML 6についてはよくわかりませんが(もしそうなるとしたら)、そうなると思います。しかし、2130年でも同じブラウザが機能し、現在のWebサイトは誰でも利用できる必要があるため、今すぐ考えるのは本当に無意味です。後でjavascriptなどを使用していつでも変更できます。

0
user142019

<b>および<i>と「偶然に」同じデフォルトスタイルを持つタグとして表示できます。 <b><i>の正確な置き換えと見なすべきではありませんが、contentが実際に意味的にある場合は常に使用する必要があります。 strongまたは強調の意味。ただし、好みに合わせて自由にスタイルを設定できます。

0
BalusC