HTML4和HTML5的区别

最新推荐文章于 2021-07-09 23:44:12 发布

方格田

最新推荐文章于 2021-07-09 23:44:12 发布

阅读量224

点赞数

分类专栏： # 前端每日学习

本文链接：https://blog.csdn.net/qq_43393963/article/details/102397377

版权

前端每日学习专栏收录该内容

8 篇文章 1 订阅

订阅专栏

声明

HTML5 文件类型声明：

<!DOCTYPE html>

标准

HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准，而是形成了自己的一套标准

属性方面

1.增加了一些表单属性, 主要是其中的input属性的增强

<!-- 此类型要求输入格式正确的email地址 -->
<input type=email >
<!-- 要求输入格式正确的URL地址  -->
<input type=url >
<!-- 要求输入格式数字，默认会有上下两个按钮 -->
<input type=number >
<!-- 时间系列，但目前只有 Opera和Chrome支持 -->
<input type=date >
<input type=time >
<input type=datetime >
<input type=datetime-local >
<input type=month >
<input type=week >
<!-- 默认占位文字 -->
<input type=text placeholder="your message" >
<!-- 默认聚焦属性 -->
<input type=text autofacus="true" >

2.其他标签新增了一些属性

<!-- meta标签增加charset属性 -->
<meta charset="utf-8">
<!-- script标签增加async属性 -->
<script async></script>

3.使部分属性名默认具有boolean属性

<!-- 只写属性名默认为true -->
<input type="checkbox"  checked/>
<!-- 属性名="属性名"也为true -->
<input type="checkbox"  checked="checked"/>

存储方面

1.新增WebStorage, 包括localStorage和sessionStorage

2.引入了IndexedDB和Web SQL，允许在浏览器端创建数据库表并存储数据, 两者的区别在于IndexedDB更像是一个NoSQL数据库，而WebSQL更像是关系型数据库。W3C已经不再支持WebSQL。

3.引入了应用程序缓存器(application cache)，可对web进行缓存，在没有网络的情况下使用，通过创建cache manifest文件,创建应用缓存，为PWA(Progressive Web App)提供了底层的技术支持。

参考：https://sanyuan0704.github.io/frontend_daily_question/week01/001.html#%E5%A3%B0%E6%98%8E%E6%96%B9%E9%9D%A2

方格田

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML4和HTML5的区别

声明HTML5 文件类型声明：<!DOCTYPE html>标准HTML5的文档解析不再基于SGML(Standard Generalized Markup Language)标准，而是形成了自己的一套标准
复制链接

扫一扫