気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
216 usersがブックマーク
21
21
strong, b, em, i, u, …、違いがわからんHTML要素の仕様を調べて「新しい見た目」を考えてみたら理解が深まった
216 users
zenn.dev/kagan
記事へのコメント21件
- 注目コメント
- 新着コメント
youichirou
(分かってて書いてると思うけど)デフォルトスタイルは論文なんかの表記法を参考に白黒でも破綻しないように設定されているはずなので、赤字を「より良い」とするのはちょっと違う気がする。色盲にも優しくないし。
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
youichirou
(分かってて書いてると思うけど)デフォルトスタイルは論文なんかの表記法を参考に白黒でも破綻しないように設定されているはずなので、赤字を「より良い」とするのはちょっと違う気がする。色盲にも優しくないし。
estragon
「今更」というのは最新の仕様に基づいた解説はいつもあるべきなので良いと思う。論理記述とスタイルとを混ぜすぎないよう、よく注意して書かれていると思うが、それでもbとかiとか無理がある気がする
ichilhu
strong要素が太字という見た目になるのはブラウザの挙動でしかないので見た目を制御したいのならスタイルシートで設定するのが正しいお作法。モダンなHTMLでは意味をマークアップするのだ。
canadie
なんか「俺はこう思う」みたいな主観が多くないか…。strong要素は点滅させたらいいとか…。blinkタグやtext-decoration=blinkが廃止された経緯とか知らんのかなあ
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
strong, b, em, i, u, …、違いがわからんHTML要素の仕様を調べて「新しい見た目」を考えてみたら理解が深まった
「strongもbも太字になるのにどう違うんだ…？」 「emもiもイタリック体になるけど、そもそもイタリック... 「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
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
2023/08/21 リンク