HTML第八課：HTML4和HTML5的區別
- html4 與 html 5的區別
- 快速學習平臺
html4 與 html 5的區別
- 示例圖
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div align="center" data-a="div"><h1 style="color: red">html4和html5區別</h1><img src="1.png" alt="" title="我是 html4" style="width: 300px;height: 200px;" id="1" class="" data-a="html4" data-b="html41">我是 html4</img><img src="22.png" alt="" title="我是 html5" style="width: 300px;height: 200px;" id="22" class="" data-a="html5" data-b="html51">我是 html5</img></div>
<p>由此可見，html4和html5區別：<br/>1.html4和html5都是基于w3c組織標準，w3c組織標準是國際標準組織<br/>2.html4和html5都是基于html語言，html語言是超文本標記語言<br/>3.html5新增了語義化標簽，比如header、footer、article、section等，這些標簽可以更好的描述網頁內容，方便搜索引擎優化和提高可訪問性。<br/>4.html5新增了本地存儲（localStorage和sessionStorage），使得網頁可以保存數據，即使用戶關閉瀏覽器，數據也不會丟失。<br/> 5.html5新增了畫布（canvas），使得網頁可以繪制圖形，比如圖表、游戲等。<br/>6.html5新增了音頻和視頻（audio和video），使得網頁可以播放音視頻。<br/> 7.html5新增了表單驗證（form validation），使得網頁可以驗證用戶輸入的數據，比如用戶名、郵箱、手機號等。<br/> 8.html5新增了拖拽（drag and drop），使得網頁可以拖拽元素，比如圖片、文件、鏈接等。<br/>9.html5新增了CSS3，使得網頁可以添加更多的樣式，比如陰影、圓角、動畫、過渡、多列布局等。<br/>10.html5新增了響應式設計（responsive design），使得網頁可以適應不同的屏幕尺寸，比如手機、平板、PC等。<br/> 11.html5新增了移動設備優化（mobile optimization），使得網頁可以在移動設備上運行，比如手機、平板等。<br/> 12.html5新增了SEO（搜索引擎優化），使得網頁可以 better in search engines.<br/>13.html5新增了HTML5 Boilerplate，是一個HTML5開發模板，提供了一些基礎的HTML結構、CSS樣式、JavaScript腳本，使得網頁開發更加簡單和快速。<br/> 14.html5新增了HTML5 Shiv，是一個HTML5兼容性解決方案，使得網頁可以在IE瀏覽器上運行，比如IE8、IE9等。<br/> 15.html5新增了HTML5 History API，使得網頁可以改變URL，而不需要刷新頁面。<br/>16.html5新增了HTML5 Local Storage，使得網頁可以保存數據，即使用戶關閉瀏覽器，數據也不會丟失。<br/>17.html5新增了HTML5 Canvas，使得網頁可以繪制圖形，比如圖表、游戲等。<br/>18.html5新增了HTML5 Audio，使得網頁可以播放音視頻。<br/>19.html5新增了HTML5 Video，使得網頁可以播放音視頻。<br/>20.html5中不局限于標簽的4個基本屬性如：id、class、style、data-*，
</p></body>
</html>快速學習平臺
http://code.nebulas.ink/
)
)
