[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

215users がブックマーク コメント 21

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

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

215 users zenn.dev/kagan

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント21件

  • 注目コメント
  • 新着コメント
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

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

2023年08月21日 リンク

その他
Helfard
あんまり意識したことなかったなあ。

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

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

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

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

2023年08月21日 リンク

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

2023年08月21日 リンク

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

2023年08月21日 リンク

その他
naggg
naggg へぇ。勉強になるなぁ。

2023年08月20日 リンク

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

2023年08月20日 リンク

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

2023年08月20日 リンク

その他
kijtra
ぜんぶ span で。

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

2023年08月20日 リンク

その他
crema
大作!

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

2023年08月20日 リンク

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

2023年08月20日 リンク

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「strong, b, em, i,...」が注目されています。

気持ちをシェアしよう

ツイートする

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

ブックマークしたユーザー

  • sugarte2024年07月11日 sugarte
  • techtech05212024年06月14日 techtech0521
  • heatman2023年09月19日 heatman
  • knj29182023年09月06日 knj2918
  • mtom0292023年09月06日 mtom029
  • takus012023年09月05日 takus01
  • kihala2023年09月03日 kihala
  • mgl2023年08月29日 mgl
  • shinagaki2023年08月22日 shinagaki
  • hasunuma06132023年08月22日 hasunuma0613
  • miguchi2023年08月22日 miguchi
  • littlefield2023年08月21日 littlefield
  • tsugu2312023年08月21日 tsugu231
  • kumagoro_morino2023年08月21日 kumagoro_morino
  • wtoku2023年08月21日 wtoku
  • akishin9992023年08月21日 akishin999
  • jamjamtan2023年08月21日 jamjamtan
  • kmnasjm2023年08月21日 kmnasjm
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /