web-dev-qa-db-ja.com

font-awesomeが<span>要素の代わりに<i>要素の使用を推奨するのはなぜですか?具体的な理由から好ましいのでしょうか?

examples for font-awesome を確認すると、それらが一貫してi要素を使用していることがわかります。 span element は、より適切な選択であると考えていました。なぜなら、i要素は text。 " ですが、既存のテキストを変更するのではなく、ページにグリフを配置します。

Span要素がテキストのスパン(したがって、名前)を変更することも意図している場合も考えられますが、W3Cの定義では、それを広く開いたままにします。つまり、span " 他の属性と一緒に使用すると便利です。 "

ただし、私の質問は2つのタグのセマンティクスに焦点を当てているのではなく、1つのタグが他のタグよりもユーザーエクスペリエンスに与える影響に焦点を当てています。私のテストでは、spaniと同じように機能します。一方が他方より好ましい理由は何か具体的な理由はありますか?具体的な理由の例は次のとおりです。

  1. 1つの要素はアクセシビリティソフトウェア(スクリーンリーダーなど)によって適切に処理され、もう1つの要素は処理されません。
  2. ユーザーエージェントのサポート(たとえば、1つの要素はユーザーエージェント間で一貫して動作し、他の要素は動作しません)。
42
Josh

テキストをイタリックにするCSSスタイルのi要素またはスパンのユーザーエクスペリエンスに違いを経験したことはありません。 span要素を好む理由は、単なるセマンティック(コンテンツとスタイルの分離)にあります。

13
Blue Box