Web制作者は要チェック！ ネストされたh1要素のデフォルトのUAスタイルがすべてのブラウザで変更されます

2025年現在、Firefoxをはじめ、Chrome, Safariなどの各ブラウザでネストされた見出し要素（h1）のデフォルトのUAスタイルが変更される動きがでています。 段階的に実施されるようで、ブラウザのUAスタイルに依存してスタイルを適用している場合には注意が必要です。 Default styles for h1 elements are changing by Simon Pieters 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに h1要素のデフォルトスタイルの変更点 変更内容と変更時期 Lighthouseによる警告を修正する方法 このアップデートで留意すべき点 はじめに 現在、Firefoxをはじめ、Chrome, Safariなどの各ブラウザで、ネストされた見

[coliss]

各ブラウザでネストされた見出し要素（h1）のデフォルトのUAスタイルが変更される動きがでています

[kazkun]

なんかあちこちでヤバそうだなあ。resetとかnormalizeとかかましてたらセーフなのか知りたい。

[secseek]

h1要素がネストされてたらデフォルトのレンダリングが変わるってこと自体知りませんでした…

[udddbbbu]

え？そもそもh1は1ページ内で使用できるのは1回だけですぜ…

[bocuno]

もうさ、ブラウザ側にリセットモードみたいなの用意した方が良いのでは。こういう訳わからんとこに労力割くの馬鹿らしいよね。

[mohri]

section中にある見出しにそんなルールがあるの知らなかった。これって意図してデザインされてるサイトけっこうあるんだろうか？？

[yarumato]

“現在、ブラウザのレンダリングでは、section > h1が h2と同じフォントサイズとマージン、section > section > h1は h3と同じ。各ブラウザのベンダーは、このスタイルを削除し始めている。section > section > h1も h1と同じになる”

[field_combat]

結構、影響大きそう