【最新HTML仕様まとめ：2024年版】「HTML Living Standard」のプルリクからキャッチする

前回の投稿はたくさんの「いいね」をいただき、少しでもお役に立てたようで非常に嬉しく思っています。

https://qiita.com/tanimoto-hikari/items/ef1c3bdca2ab570c96b3

さて、今回は前回の投稿から1年が経ちました。
この一年で変更点があるはずなのに、なぜか最新の仕様に関して言及する記事を見つけられませんでした…（探すのが下手くそ？）

なのでプルリクから最新仕様をキャッチできるのでは？と考えて確認してみました！

:::note
正直に言うと内容を見てもよくわからない部分が多かったので変更点サマリーと捉えていただけると嬉しいです！
:::

## 2024年HTML最新仕様について

前回記事を投稿した2023年7月5日以降にクローズされたプルリクエストを調べてみました！
期間を7月5日以降、ラベルを「追加/提案」に絞って確認したところ全部で19個ありました。
その中でもHTMLに関する変更をピックアップしました。

https://github.com/whatwg/html/pulls?q=is%3Apr+is%3Aclosed+label%3Aaddition%2Fproposal+merged%3A%3E%3D2023-07-05

:::note
恥ずかしながらプルリクエストを期間でフィルタリングしたことがなかったので皆さんがプルリクを調べる時に活用してみてください！
```bash
is:pr merged:>=2023-07-05
```
:::

### HTMLの追加変更点サマリー
1. [`<details>`と`<popover>`の挙動の統一](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#details%E3%81%A8popover%E3%81%AE%E6%8C%99%E5%8B%95%E3%81%8C%E7%B5%B1%E4%B8%80%E3%81%95%E3%82%8C%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E9%96%93%E3%81%A7%E3%81%AE%E4%BA%92%E6%8F%9B%E6%80%A7%E3%81%8C%E5%90%91%E4%B8%8A)
1. [`details`要素に`name`属性を追加](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#details%E8%A6%81%E7%B4%A0%E3%81%ABname%E5%B1%9E%E6%80%A7%E3%82%92%E8%BF%BD%E5%8A%A0)
1. [「Shadow DOM」に関する変更](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#shadow-dom%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E5%A4%89%E6%9B%B4)
1. [`privacy-policy`がrel属性に追加](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#privacy-policy%E3%81%8Crel%E5%B1%9E%E6%80%A7%E3%81%AB%E8%BF%BD%E5%8A%A0)
1. [`terms-of-service`がrel属性に追加](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#terms-of-service%E3%81%8Crel%E5%B1%9E%E6%80%A7%E3%81%AB%E8%BF%BD%E5%8A%A0)
1. [一部の要素のフィールドサイズ設定のサポート](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0-%E4%B8%80%E9%83%A8%E3%81%AE%E8%A6%81%E7%B4%A0%E3%81%AE%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%82%B5%E3%82%A4%E3%82%BA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88)
1. [`writingSuggestions`属性の追加](https://qiita.com/tanimoto-hikari/items/592747867f67dfd2f148#writingsuggestions%E5%B1%9E%E6%80%A7%E3%81%AE%E8%BF%BD%E5%8A%A0)

### `<details>`と`<popover>`の挙動が統一され、ブラウザ間での互換性が向上
「toggle event task」アルゴリズムを使用するようになりました。
これにより、DOM操作（DOM manipulation）がタスクソースとして使用されます。

### `details`要素に`name`属性を追加
`name`属性を追加し**排他的なアコーディオンにグループ化すること**を目的としているそうです！

:::note
排他的なアコーディオンというのは「常に1つの項目だけが開いているアコーディオン」のことを指すようです！
:::

詳しい内容は下記に掲載されてました！

https://open-ui.org/components/accordion.explainer/

### 「Shadow DOM」に関する変更

下記が変更点のようです！

- テキストの方向性
- 言語の継承
- `dir=auto'の設定を読み込む

Shadow DOM要素内のテキストの方向や言語属性をどのように継承し、表示するかに関する変更のようです。

https://github.com/whatwg/html/pull/9796

### `privacy-policy`が`rel`属性に追加
データの収集と使用慣行に関する情報へのリンクを提供することを示すものです。

https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/rel#privacy-policy

https://github.com/whatwg/html/pull/9860

### `terms-of-service`が`rel`属性に追加
利用規約へのリンクを示すものです。

https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/rel#terms-of-service

https://github.com/whatwg/html/pull/9877

### レンダリング: 一部の要素のフィールドサイズ設定のサポート

https://github.com/whatwg/html/pull/9903

### `writingSuggestions`属性の追加
入力欄や編集可能な要素（`textarea`など）にブラウザの書き込み支援機能（テキスト予測や提案）を有効にするかの指定ができる属性です。

https://momdo.github.io/html/interaction.html#writing-suggestions

https://github.com/whatwg/html/pull/10018