最近の HTML の新機能の紹介（2026 年版）

BRANK

こんにちは、steshima です。今回は、最近の HTML の新機能の中から、知っておくと役立ちそうなものや面白いものをいくつか紹介します。関係のある機能は続けて並べているので、上から順に読むとつながりが分かりやすいと思います。Popover APIpopover 属性を付けた要素を、ポップオーバーとして表示できる機能です。開く・閉じる処理や重なり順の調整を、JavaScript を書かずにブラウザに任せられます。popovertarget を付けたボタンで開閉できる最前面（top layer）に表示されるので、z-index の調整がいらない外側のクリックや Esc キーで自動的に閉じるpopover="manual" にすると自動では閉じなくなる（トーストなど、開閉を自分で制御したいとき向け）<button popovertarget="menu">メニュー</button> <div id="menu" popover> <a href="/settings">設定</a> </div> 参考: Popover API - MDNInvoker Commands（commandfor / command）popovertarget を、ポップオーバー以外にも使えるように広げた機能です。<button> に commandfor（操作する要素の id）と command（何をするか）を付けて使います。標準のコマンドとして、ダイアログ用の show-modal / close / reques…