关于 HTML5 的简单介绍

菜园前端
• 阅读 228

原文链接:https://note.noxussj.top/?source=helloworld


# 什么是 HTML5 ?

HTML5 将成为 HTML 、XHTML 以及 HTML DOM 的新标准,HTML5 是公认的下一代 Web 语言。按目前的情况可以直接理解为 HTML5 就是 HTML 的升级版。

HTML 历史版本

网络来源信息看一眼就可以了

  • HTML 1.0——在 1993 年 6 月发为互联网工程工作小组(IETF)工作草案发布(并非标准)
  • HTML 2.0——1995 年 11 月作为 RFC 1866 发布,在 RFC 2854 于 2000 年 6 月发布之后被宣布已经过时
  • HTML 3.2——1996 年 1 月 14 日,W3C 推荐标准
  • HTML 4.0——1997 年 12 月 18 日,W3C 推荐标准
  • HTML 4.01(微小改进)——1999 年 12 月 24 日,W3C 推荐标准

HTML 和 HTML5 有什么区别?

文档类型声明

HTML 的文档类型声明太长而且复杂,而 HTML5 的文档声明相对来说更为简便,有利于程序员快速阅读和开发。

<!-- html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3333.org/TR/html4/ stric t.dtd">

<!-- html5 -->
<!DOCTYPE html>

音频和视频的支持

HTML 如果不使用 Flash 播放器它是不支持音频和视频。 HTML5 使用 <audio><video> 标签来支持音频和视频控制。

图形的支持

新增了绘图标签 <svg> <canvas>

新增了语义化标签

<article> <nav> <details> <footer> <header> <main> <time>

移除了一部分标签

<font> <center> <u> <big> <strike> <tt>

新增了会话存储和本地存储

localStorage sessionStorage


最全面的前端笔记来啦,包含了入门到入行的笔记,还支持实时效果预览。小伙伴们不需要再花时间去写笔记,或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和 PC 端阅读,深色和浅色模式。 原文链接:https://note.noxussj.top/?source=helloworld

点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
uni app video、视频播放开发
视频播放有3种解决方案,使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js。1.HTML5自带video标签,可以播放符合HTML5规范的视频格式。注意不含flv、ra等三方商业公司的规范格式。HTML5的video在Android上有较多浏览
APICloud平台常用技术点汇总详解
APICloud移动低代码开发平台介绍:使用APICloud可以开发移动APP、小程序、html5网页应用。如果要实现编写一套代码编译为多端应用(移动APP、小程序、html5),需使用avm.js框架进行开发。如果只开发APP,则可以使用前端技术(HTML5、Vue、react等)、avm.js进行开发,还可以使用模块商店大量的原生
菜园前端 菜园前端
11个月前
考考你浏览器缓存有哪些,区别是什么?
原文链接:浏览器缓存主要包含cookie、在HTML5新标准中新增了本地存储localStorage和会话存储sessionStorage。cookie什么是cookie?cookie是一些缓存数据,主要存储在你的电脑中。当你发起网络请求时也会携带当前域名
Stella981 Stella981
2年前
HTML5 Plus移动App(5+App)开发入门指南
HTML5Plus规范通过HTML5开发移动App时,会发现HTML5很多能力不具备。为弥补HTML5能力的不足,在W3C中国的指导下成立了www.html5plus.org(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.html5plus.org%2F)组织,推出
Wesley13 Wesley13
2年前
Ubuntu 18.10 安装程序可以使用HTML5,Electron和Snap
导读开发工作在下一代Ubuntu版本Ubuntu18.10(CosmicCuttlefish)上开始启动,它的主要新功能之一看起来可能是下一代Ubiquity图形安装程序。!Ubuntu18.10安装程序可以使用HTML5,Electron和SnapUbuntu18.10安装程序可以使用HTML5,Electron和Snap(
Stella981 Stella981
2年前
HTML5 Web 客户端五种离线存储方式汇总
最近折腾HTML5游戏需要离线存储功能,便把目前可用的几种HTML5存储方式研究了下,基于HTforWeb(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.hightopo.com%2F)写了个综合的实例,分别利用了Cookie、WebStorage、IndexedDB以及Fi
Wesley13 Wesley13
2年前
html5小游戏Untangle
   今天介绍一个HTML5的小游戏,让大家体验到HTML5带来的乐趣。这个小游戏很简单,只要用鼠标拖动蓝点,让图上的所有线都不相交,游戏时间就会停止,是动用大家头脑的时候啦。!html5小游戏Untangle,以最快的速度把所有线都做到互不相交(http://static.oschina.net/uploads/img/201403
Wesley13 Wesley13
2年前
HTML5优秀的设计
今天有幸发现了一篇外国大神写的文章,详细的介绍了HTML的发展过程,以及HTML5的来源,其中也给我纠正了一个问题\关于DOCTYPYE的真正含义,先把书名发出来,再好好说说这个DOCTYPE的问题,书名《HTML5的设计》。相信很多人都已经知道了<!DOCTYPE html这是HTML5中对于文档类型的规范,DOCTYPE并不是写给浏览器看的(
Stella981 Stella981
2年前
HTML5编程之旅 第3站 WebSockets
    本文主要研究HTML5 WebSockets的使用方法,它是HTML5中最强大的通信功能,定义了一个全双工的通信信道,只需Web上的一个Socket即可进行通信,能减少不必要的网络流量并降低网络延迟。HTML5 WebSockets能使数据从几千字节减少到两字节,延迟从150ms减少到50ms,并且完美淘汰传统的Comet和Ajax轮询(po
Stella981 Stella981
2年前
HTML5五种客户端离线存储方案
最近折腾HTML5游戏需要离线存储功能,便把目前可用的几种HTML5存储方式研究了下,基于HTforWeb(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fwww.hightopo.com%2F)写了个综合的实例,分别利用了Cookie、WebStorage、IndexedDB以及Fi