HTML第八课:HTML4和HTML5的区别

HTML第八课:HTML4和HTML5的区别

html4 与 html 5的区别

  • 示例图
html 复制代码
<!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/

相关推荐
会飞的小菠菜5 小时前
快速将多个PPT、PPTX幻灯片统一转换成浏览器能直接打开的HTML网页文件
html·powerpoint·浏览器·ppt·格式转换·网页
Filotimo_6 小时前
2.CSS3.(2).html
前端·css
yinuo7 小时前
uniapp微信小程序华为鸿蒙定时器熄屏停止
前端
gnip8 小时前
vite中自动根据约定目录生成路由配置
前端·javascript
前端橙一陈9 小时前
LocalStorage Token vs HttpOnly Cookie 认证方案
前端·spring boot
~无忧花开~9 小时前
JavaScript学习笔记(十五):ES6模板字符串使用指南
开发语言·前端·javascript·vue.js·学习·es6·js
泰迪智能科技019 小时前
图书推荐丨Web数据可视化(ECharts 5)(微课版)
前端·信息可视化·echarts
CodeCraft Studio10 小时前
借助Aspose.Email,使用 Python 读取 Outlook MSG 文件
前端·python·outlook·aspose·email·msg·python读取msg文件
家里有只小肥猫11 小时前
react 初体验2
前端·react.js·前端框架
慧慧吖@11 小时前
前端发送请求时,参数的传递格式
前端