快速瀏覽HTML5 新增特性
HTML5 引入了大量的新特性，使得網頁應用程序更加強大，並且支持多媒體、互動內容以及更好的性能。以下是 HTML5 的完整新增特性列表：
1. 結構和語意化標籤
<article>：定義文章內容，可獨立分發的內容區塊。<section>：定義文檔或應用中的區段。<nav>：定義導航鏈接的區塊。<header>：定義文檔或區塊的頭部區域。<footer>：定義文檔或區塊的尾部區域。<aside>：定義與主內容相關的輔助內容。<figure>：定義媒體內容，例如圖像或圖表。<figcaption>：為<figure>定義的說明文字。<main>：定義文檔的主要內容。<mark>：標記重要或強調的文本。<time>：定義日期或時間。
2. 新的表單控件與屬性
<input type="email">：專門用於輸入電子郵件地址。<input type="url">：用於輸入網址。<input type="tel">：用於輸入電話號碼。<input type="search">：用於搜索框。<input type="range">：用於滑動條輸入範圍值。<input type="date">：用於選擇日期。<input type="time">：用於選擇時間。<input type="datetime-local">：用於選擇本地日期和時間。<input type="number">：用於數值輸入。<input type="color">：用於選擇顏色。placeholder屬性：顯示提示文本的屬性。required屬性：強制要求填寫的屬性。pattern屬性：定義輸入內容必須符合的正則表達式。autofocus屬性：自動聚焦於某個表單元素。
3. 多媒體支持
<audio>：嵌入音頻文件，支持 MP3、Ogg 等格式。<video>：嵌入視頻文件，支持 MP4、WebM、Ogg 格式，提供controls、autoplay、loop等屬性。<track>：為<video>或<audio>元素提供字幕或其他文字數據。
4. Canvas (畫布)
<canvas>：用來繪製 2D 圖形，通過 JavaScript 操作，支持動畫、遊戲等應用。
5. SVG (可縮放向量圖形) 支持
- HTML5 原生支持 SVG，可以直接在 HTML 文件中嵌入並操控向量圖形。
6. API
- Geolocation API：允許網頁應用訪問用戶的地理位置數據（需用戶授權）。
- Drag and Drop API：允許用戶在網頁中拖放元素。
- History API：可以更改瀏覽器歷史記錄，實現無刷新更新網址等功能。
- Web Storage (本地存儲)：
localStorage：允許應用在本地長期存儲數據，無需伺服器支持。sessionStorage：存儲在當前會話期間有效的數據，關閉瀏覽器時清除。
- Web Workers：允許在背景中執行 JavaScript 任務，而不會阻塞主線程。
- WebSocket API：提供了持久的雙向連接，適用於實時應用程序。
- Application Cache：允許網頁在沒有網絡的情況下離線運行（已逐步被 Service Workers 取代）。
- IndexedDB：一種高效的本地 NoSQL 資料庫，用於存儲結構化數據。
7. 文件 API (File API)
- 允許網頁應用程序讀取本地文件系統中的文件。
8. Microdata (微數據)
- HTML5 引入了 Microdata，可以在 HTML 元素中嵌入可機器讀取的元數據，使搜索引擎等能更好地理解頁面內容。
9. 改進的錯誤處理
- HTML5 增強了對不良 HTML 的錯誤容忍度，並且不同瀏覽器之間表現更加一致。
10. MathML
- HTML5 支持數學標記語言 MathML，可以直接嵌入數學公式。
11. 可編輯內容 (Contenteditable)
contenteditable屬性允許將任何元素設置為可編輯狀態，支持用戶在網頁上直接進行文本編輯。
12. 自訂資料屬性 (Custom Data Attributes)
data-*屬性允許在 HTML 元素中存儲自訂數據，這些數據可以通過 JavaScript 讀取。
13. 新鏈接屬性
ping：通知服務器用戶點擊了鏈接。rel="preload"：用來告訴瀏覽器提前加載資源以優化性能。
14. IFRAME 改進
sandbox屬性：限制 iframe 內的操作，提供更多安全控制。srcdoc屬性：允許直接在 iframe 中嵌入 HTML 內容。
這些新增的 HTML5 特性讓現代網頁更具交互性和功能性，同時提供了更好的性能和更高的可訪問性。
