最近のHTMLを改めてちゃんと学んでみた

ARANK

はじめに!修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。この記事は、以下のモダンCSSに関する記事のHTML版です。 Living Standardの時代へ2019年5月28日、W3CとWHATWGは、HTMLとDOM標準の開発をWHATWGが主導することで合意しました。これにより、HTMLは「HTML5」のようなバージョン番号を持つ仕様から、継続的に更新される「HTML Living Standard」へと移行しました。この変化は単なる管理体制の変更ではなく、HTMLの進化の方向性を示しています。この記事で紹介する2019年以降の新機能を見ると、以下のような傾向が明確に現れています：宣言的UI構築への移行 - JavaScript実装から、HTML属性による宣言的な記述へブラウザネイティブ最適化 - パフォーマンスやアクセシビリティをブラウザレベルで最適化開発者体験の向上 - より直感的で保守しやすいマークアップの実現この記事では特に注目すべき11の新機能を取り上げ、それぞれの解説や何が革新的なのかを詳しく説明します。1. Popover APIPopover API は、HTML要素をブラウザのトップレイヤーに配置し、要素間の関係性のみでポップアップ制御を実現する仕組みです。<button popovertarget="m…