2013-02-11 10 views
8

最初にこの質問は単純に思えますが、私が見たすべての実際の例から、アイコンを表示するために使用されています。たとえば、twitter bootstrap iconsです。htmlの<i>要素の正しいユースケースは何ですか?

しかし、Googleでタグを検索すると、w3cの学校では is for italic textと表示されます。

イタリック体のテキストに使用されているのであれば、なぜ誰もがアイコンとして使用しているのですか?このタグの正しい使い方は何ですか?

+1

[ソースに行く](http://www.w3.org/TR/html-markup/i.html#i)はどうですか? – Jon

+5

http://w3fools.com – SLaks

+1

あなたに通知してくれた皆様にお返事いただきありがとうございます。私はすでにこれについて別の質問があり、回答されていることを認識しています。だから私は先に進んでそれを読むだけです。私が探している結果は、実際にアイコンを表現する良い方法です。多くの有名人が混乱を招く仕様の外側にあるタグを使用しているからです。 –

答えて

5

テキストスタイルのイタリック体を作るために使用されるべきです。イタリックテキストの意味論的な使用はほとんどがスクリーンリーダーが強調するために<em>です。

<i><b>はゆっくりとスタイルのテキストにCSSを使用しての賛成で流行の出入り、およびアクセシビリティの理由から<em><strong>を維持しています。

アイコンが最も近い要素であり、アルファベットの意味になります(つまりi =アイコン)ので、アイコンとして選択されたと思います。

+0

の意味を再定義しました最近の研究では、をアイコンとして使用することは悪い考えです。 HTMLには意味のない内容やアイコンが含まれている必要があります。可能な限りcss擬似要素を使用してアイコンを表示する必要があります。 –

2
<i> was the old way to make text italic in HTML. 

タグがHTML5で再定義されていると私はTwitterBootstrapだけのアイコンに、この規則を使用しますが、それは間違いなく、アイコンを行うための標準的な方法ではないと考えています。

http://w3.org/International/questions/qa-b-and-i-tags

+3

どの要素がi要素を非推奨にしましたか? – Quentin

+0

http://www.w3.org/International/questions/qa-b-and-i-tags - 明示的に非推奨の状態ではない間に、特にHTML 5仕様以降、イタリック体では使用しないでください

2

HTMLは年齢を超えて倒錯しているためです。

HTML 4.01の正式な「適切な使用」はイタリック体です。

1

<i>タグは、についての意味的な表示を提供しないため、discouragedです。テキストは斜体です。です。

イタリックテキストを表示するには、<em>タグを使用する必要があります。 iアイコンを意味するので(またはCSSと組み合わせて適切なセマンティックな意味を持つ別のタグ)

さらに最近では、人々は、アイコンの<i>タグを使用して開始しています。

関連する問題