[解決済み] Should I use <i> tag for icons instead of <span>? [closed]
2022-03-16 09:47:44
Question
FacebookのHTMLとTwitter BootstrapのHTML(v3以前)は、どちらも
<i>
タグでアイコンを表示します。
しかし HTML5仕様 :
I 要素は、別の音声または雰囲気のテキストのスパンを表します。 または通常の散文からオフセットされています。 の慣用句、専門用語など。 言語、思想、船名など、典型的な散文である。 タイポグラフィ上の表現がイタリック体であること。
なぜ
<i>
タグを使用してアイコンを表示することができます。悪い習慣ではないのでしょうか?それとも、何か見落としているのでしょうか?
私は
span
を使ってアイコンを表示させると、今まではうまくいっていたようです。
更新しました。
Bootstrap 3 の使用
span
をアイコンに使用します。
公式ドック
.
Bootstrap 5は、再び
i
公式ドキュメント
解決方法は?
<ブロッククオート
なぜ
<i>
タグでアイコンを表示しています。
だってそうなんだもん。
- 短い
- iはiconの略(ただしHTMLにはない)。
悪い習慣ではないのでしょうか?
ひどいやり方だ。意味論より性能の勝利です。
関連
-
[解決済み] When to use <span> instead <p>?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] 検索エンジンはAngularJSアプリケーションをどのように扱っているのか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] htmlの<base>タグの推奨事項を教えてください。
-
[解決済み] aria-labelとは何ですか、どのように使用すればよいですか?
-
[解決済み] Valid to use <a> (anchor tag) without href attribute?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] HTMLのid属性とname属性の違い
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] Webサイトのブラウザタブアイコン(ファビコン)を追加する方法を教えてください。
-
[解決済み] HTML5でminlengthの検証属性はありますか?
-
[解決済み] div内の画像の下に余分なスペースがある