examples for font-awesome を確認すると、それらが一貫してi
要素を使用していることがわかります。 span
element は、より適切な選択であると考えていました。なぜなら、i
要素は text。 " ですが、既存のテキストを変更するのではなく、ページにグリフを配置します。
Span要素がテキストのスパン(したがって、名前)を変更することも意図している場合も考えられますが、W3Cの定義では、それを広く開いたままにします。つまり、span
" 他の属性と一緒に使用すると便利です。 "
ただし、私の質問は2つのタグのセマンティクスに焦点を当てているのではなく、1つのタグが他のタグよりもユーザーエクスペリエンスに与える影響に焦点を当てています。私のテストでは、span
はi
と同じように機能します。一方が他方より好ましい理由は何か具体的な理由はありますか?具体的な理由の例は次のとおりです。
テキストをイタリックにするCSSスタイルのi要素またはスパンのユーザーエクスペリエンスに違いを経験したことはありません。 span要素を好む理由は、単なるセマンティック(コンテンツとスタイルの分離)にあります。