HTML第八课：HTML4和HTML5的区别
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/