依賴
和 配合 class/id 實現語義化,例如:
html
HTML5:
引入新的語義化標簽,如:
html
提高代碼可讀性和 SEO 優(yōu)化。
3. 多媒體支持
HTML4:
需依賴第三方插件(如 Flash)播放音視頻:
html
HTML5:
html
4. 表單增強
HTML4:
表單功能有限,需 JavaScript 驗證輸入類型(如郵箱、日期)。
HTML5:
新增輸入類型和屬性:
html
-- 郵箱輸入,必填 -->
-- 日期選擇器 -->
-- 數字范圍 -->
5. 圖形與繪圖
HTML4:
需使用插件(如 Flash)或 SVG(需額外代碼)。
HTML5:
引入
html
6. API 與離線功能
HTML4:
無原生離線支持,需復雜配置(如 Application Cache)。
HTML5:
提供多種 API:
Web Storage:localStorage 和 sessionStorage 替代 Cookie。
Geolocation:獲取用戶地理位置。
Web Workers:多線程處理。
Service Workers:離線緩存和推送通知。
Drag & Drop:原生拖放支持。
7. 兼容性與錯誤處理
HTML4:
嚴格依賴 DTD,錯誤可能導致頁面渲染失敗。
HTML5:
更寬松的語法規(guī)則(如標簽不區(qū)分大小寫、可省略引號),瀏覽器能自動修正錯誤。
8. 字符編碼
HTML4:
需顯式聲明字符集:
html
HTML5:
簡化聲明:
html
9. 移除的標簽與屬性
HTML4 中常用但 HTML5 移除的標簽:
、
、、 等(推薦用 CSS 替代)。
移除的屬性:
如 align、bgcolor、type(在