HTML5引入了許多新屬性，旨在增強語義化、交互性和多媒體支持。以下是一些重要的新屬性及其用途分類：

語義化與結構屬性

• data-*：自定義數據屬性，允許開發者存儲額外信息（如data-id="123"）。
• hidden：隱藏元素，無需CSS（<div hidden>）。
• draggable：啟用元素拖放功能（<div draggable="true">）。

表單與輸入屬性

• placeholder：輸入框的提示文本（<input placeholder="Enter name">）。
• required：標記必填字段（<input required>）。
• autocomplete：控制自動填充（<input autocomplete="off">）。
• pattern：通過正則表達式驗證輸入（<input pattern="[A-Za-z]{3}">）。

多媒體屬性

• controls：為音視頻添加默認控制條（<video controls>）。
• autoplay：媒體自動播放（<audio autoplay>）。
• loop：循環播放（<video loop>）。
• muted：靜音播放（<video muted>）。

性能與優化屬性

• loading="lazy"：延遲加載圖片或iframe（<img loading="lazy">）。
• defer/async：控制腳本加載方式（<script defer>）。

其他實用屬性

• contenteditable：使元素可編輯（<div contenteditable="true">）。
• spellcheck：啟用拼寫檢查（<textarea spellcheck="true">）。

這些屬性通過簡化代碼和增強功能，顯著提升了開發效率和用戶體驗。使用時需注意瀏覽器兼容性，可通過MDN或Can I Use等工具查詢支持情況。