strong, b, em, i, u, …、違いがわからんHTML要素の仕様を調べて「新しい見た目」を考えてみたら理解が深まった

「strongもbも太字になるのにどう違うんだ…？」 「emもiもイタリック体になるけど、そもそもイタリック体ってなんなんだよ…？」 「strongの重要と、emの強調って何が違うんだ…？」 などなど、使い方がよくわからなくなりがちな HTML 要素（主にテキストレベルセマンティックスに分類される要素）の違いを調べてみました。 長めの記事になっていますので、気になる要素だけつまみ食いしてもらうのもよいかと思います。 今回の調査対象はこちら span strong b em i dfn cite var mark u ins del s strike big small ブラウザのデフォルトの見た目確認用 CodePen 調査する内容 HTML Standard の仕様に書かれている説明 一部、HTML 4.01 から HTML 5 での変更が理解の助けになるものもあり、HTML 4.01

[ichilhu]

strong要素が太字という見た目になるのはブラウザの挙動でしかないので見た目を制御したいのならスタイルシートで設定するのが正しいお作法。モダンなHTMLでは意味をマークアップするのだ。

[nmcli]

論理構造から導かれる表現として日本語にイタリック体は要らんよねぇとは思う

[itochan]

よくわからないしざっとしか読んでないけど、strongのところで（太字+）色をredにするのは、モノクロ印刷すると黒より赤（グレー）の方が薄くなる罠があるはず

[youichirou]

(分かってて書いてると思うけど)デフォルトスタイルは論文なんかの表記法を参考に白黒でも破綻しないように設定されているはずなので、赤字を「より良い」とするのはちょっと違う気がする。色盲にも優しくないし。

[uunfo]

b, i, uあたりは欧文タイプの習慣をそのまま持ち込んだものだからなあ。そもそもイタリックがあるなら下線はいらないのに

[likibp]

i要素とu要素の解説はこっちの方がわかりやすい。https://webfrontend.ninja/html-i-element/　https://webfrontend.ninja/html-u-element/

[naggg]

へぇ。勉強になるなぁ。

[ton-boo]

boldのb、italicのi、underlineのu、strikeのsってのはわかりやすかったのにHTML5の意味はなかなかに覚えづらい

[tsimo]

英文で強調目的で斜体が使われるけど、斜体の部分が特に目にとまりやすいと思わなくて、英語圏で生まれ育つと感じ方が違うのかというのが気になってる。

[canadie]

なんか「俺はこう思う」みたいな主観が多くないか…。strong要素は点滅させたらいいとか…。blinkタグやtext-decoration=blinkが廃止された経緯とか知らんのかなあ

[sigwyg]

emは強勢とされてたこともあって、記事中でstrongの説明にある“その文を読んだときに、大きな声で読み上げたくなるような箇所かどうか”はemのほうが適当ではないかと思ってます。strongの代替にbを推してるのはダメかと

[daira4000]

Firefoxワイ、メイリオでも日本語が斜体で表示されてたので書いてある事が理解できず困惑。Chromeは斜体にならなかった。 / 正しい意味でマークアップするのはなかなか難しい。

[deep_one]

emとかstrongを表現上何で表すかは不定である。／学術論文用のJATS XMLとかですらbとかiを許すんだが、「学名表記」とか全部意味に基づくタグにするべきだって思っている。（学名はiもあるしscもある。）

[vlxst1224]

参考になります / たまたまブラウザの出力がそうなってるだけでDOMは意味不明という「見た目が意図通りなのでヨシ！俺たちは雰囲気でwebデザインをやっている」の時代が長かったから、ようやく追いついてきた感ある

[yarumato]

“日本語フォントにはイタリック体なんてないですし、馴染みもないですよね。”　　広告では80年代とか、斜体はよく使われていた。 https://www.google.com/search?q=広告+日本+80年代&tbm=isch

[Helfard]

あんまり意識したことなかったなあ。

[solidstatesociety]

spamちゃんは文構部門から文構部門のサブプロジェクトに異動してラフな業態にって感じ

[estragon]

「今更」というのは最新の仕様に基づいた解説はいつもあるべきなので良いと思う。論理記述とスタイルとを混ぜすぎないよう、よく注意して書かれていると思うが、それでもbとかiとか無理がある気がする

[Gragra]

イタリックの代わりに傍点を打つってのはいいアイデアに思える。日本語の斜体って見た目以上の意味はないから強調の意図が伝わらないと思う（英文の斜体は実際にテキストの解釈が変わる）

[kijtra]

ぜんぶ span で。

[crema]

大作！