【仕様の読み方】HTMLの要素をどうやって学ぶか

<search>要素がHTML Standardに追加されました。私も初めて出会う要素になるわけですが、とても良い機会なので、私が要素を調べる際にどうやって調べて学んでいるのかを共有したいと思います。これは新しい要素に限らず、既存の要素の調査に応用できると思います。また、初学者はもちろん、マークアップを生業としている方にも参考になると思います。 新要素追加の経緯を調べる まずはHTML StandardのGitHubのPRからスタートするとよいでしょう。議論や更新はGitHubで行われています。たとえば、今回の<search>はAdd the <search> element #7320というPRによって更新されました。 そもそも更新自体のキャッチアップ方法はクローズされたPRを更新順にして確認してもいいですし、更新のみをツイートしている@htmlstandardのTLを確認してもいいと思

[gwmp0000]

難しくついて行けない 初心者向けから脱出できない

[xlc]

考えすぎ。こういうのは「ドヤるためのトリビア」になりがち。

[peperon_brain]

誰かがQiitaなりZennなりに書いたハンズオン記事を読む。もうちょい詳しく知りたければMDNあたりを読む。これで十分。(低意識)

[shingo-sasaki-0529]

こういうレベルの学習を経ないとフロントエンジニアとして一段回上がれないという気持ちはある一方、これを知っていて実務がどうかわってくるかの想像もあんまりできない。

[syque]

“私が要素を調べる際にどうやって調べて学んでいるのかを共有したい”

[skypenguins]

WebKitやBlinkのコントリビュータとかならこのレベルは必要かもしれないけど、使う側(フレームワーク使ってサービス作る側)ならMDN Web Docsで十分すぎる気がする

[mumei-0]

“まずはHTML StandardのGitHubのPRからスタートするとよいでしょう。”

[berylliumkei]

だいたいこんなの。

[yukimi1977]

仕様に従って適切なタグが使用されているサイトが主流なら分析もはかどると思うんだけど、実際にはタグなんてめちゃくちゃだよね。

[sisicom]

仕様の要素極め

[Shinwiki]

つーか文の構造と見た目と動きを分離しようぜとか言ってたはずなのにinputタグとかどういうことなのアレ。

[K-Ono]

翔泳社のホームページ辞典を読む（そういう話ではない）

[nilab]

「<search>要素がHTML Standardに追加されました。私も初めて出会う要素になるわけですが、とても良い機会なので、私が要素を調べる際にどうやって調べて学んでいるのかを共有したいと思います」

[yarumato]

“要素（例えば searchタグ）の仕様ページを https://html.spec.whatwg.org の目次から探していく。Tag omission in text/html が Neither tag is omissible. と書かれていたら「開始／終了タグどちらも省略できません」という意味”