document outline algorithm と h1 要素 | きるこの日記帳

没ネタの供養。 TL;DR h1 を複数置けるわけじゃない アウトラインを生成するアルゴリズムはブラウザで実装されてない 見出しレベルを自動調整するように動いていたが頓挫した section お前は何者だ document outline algorithm について "document outline algorithm" とは、HTML のアウトラインを生成する都市伝説のこと。 アウトラインとは、見出しを持ったセクションで構成される枠を指す。 HTML5 より前は、このアウトラインを表現する方法がなく、広義な wrapper の div が採用されていた。 見出し要素もセクションごと、というよりは文書の階層にかかるもので、兄弟としてのフラットな構造だった。 HTML5 から、 section や nav などで囲みアウトラインを生成する謎のアルゴリズム "document outlin

[sgo2]

<label>&for="id"属性か、<fieldset>&<legend>等に倣えば良いのでは…

[ms2sato]

sectionあんまり見かけないと思ったらこんな感じになっていたのか。勉強になった。経験的に定義が揺らぎまくる仕様ってシッカリ離陸しない気がする。section入れ子とか私は望んでいる動きなんだけどな。

[Songmu]

完全に知らなかった。難しい。しかしセクションごとにアウトライン作られて欲しいよな…

[mag4n]

しんどいわw

[tasukuchan]

“section”

[yo_waka]

初めて知った。section、現状だとただのマークアップとしての括り以外の意味はないよなあ

[madooka]

“ロックな記事”にちょっと笑った。フォントサイズは些事かと。結論より議論に興味があるので追ってみたい

[hito]

昔某方面でよくこの手の話出てたな。

[yarumato]

“section内ではh1から始めても良く、むしろh1だけでもOKと伝承が広まったが現実には全てのブラウザや支援技術で未実装。”　zennはsection内h1始まりでh1大量、のWebページ作ってる https://zenn.dev/zenn/articles/editor-guide

[ledsun]

"アルゴリズム再考の試みや、h 要素の案などもあるので、見捨てるにはまだ早いかも" sectionは要らない子なのだろうか？

[tofu-kun]

知らなかった

[aa_R_waiwai]

こういう仕様は、知っていたからと言って劇的に役立つわけでもないが、ここはhにするべきか、divで良いだろうかとか悩んだ時の指標になるね。