当前位置：首页 > news >正文

HTML第八课：HTML4和HTML5的区别

news 2025/9/5 19:57:56

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>