IT兄弟连 HTML5教程 HTML5和HTML的关系
HTML5开发现在很火爆,是一门技术,更是一个概念。可以让我们的工作模式、交互模式以及对应用和游戏的体验有了翻天覆地的变化,很多人都知道HTML5这门技术,也常把HTML5读作H5(简称)。其实一些外行人对HTML5的认识是存在一些误区的,例如微信上出现一个应用就说是H5做的、看到炫酷的页面也说是H5做的、看到一个网页游戏还说是H5做的、以及看到一个数据提交的小表单也理解成是H5做的。其实说的并不全对,是有HTML5的身影存在,但如果HTML5不用JavaScript就像汽车没有发动机,如果HTML5不用CSS,就像汽车只有框架没有绚丽的外观,基于HTML5的开发必须要和其它多种技术配合才能实现。当然也不用太“较真儿”了,你可以把H5开发看作是代表WEB开发,或是当作是前端开发的统称,或是把HTML5看作是HTML、CSS3、JavaScript、jQuery等开发技术的代名词吧,通过本节的学习相信你就能真正认识什么是HTML5了。
HTML5和HTML的关系

HTML5是下一代HTML标准,要想了解什么是HTML5,就要先认识它的祖先HTML。HTML全称为超文本标记语言(HyperText Markup Language),是被用来结构化细节、定义文档外观和语义的一种标记语言。说白了HTML就是在Web世界里,将内容放到网页里的技术,内容包括文档、链接、图片、视频等,并能做一些简单的格式布局。
早期的HTML非常简单,1980年,为使用世界各地的物理学家能够方便地进行合作研究,创建了适合用于其系统的HTML。英国计算机科学家万维网的发明者Tim Berners-Lee,设计的HTML以纯文字格式为基础,则可以使用任何文本编辑器处理,当然最初仅有少量标记(TAG)且易于掌握运用。而随着HTML使用率的增加,人们不满足只能看到文字,1993年,还是大学生的Marc Andreessen在他的Mosaic浏览器加入<img>标记,从此以后在Web页面上就可以浏览图片了。但人们认为仅有文字和图片还是不够,还希望可以将任何形式的媒体加到网页上,因此HTML不断地扩充和发展,HTML经过20多年的发展历经了多个版本,如表1所示:
表1 HTML20多年的发展版本


HTML5,第五版超文本标记语言,单纯从技术的角度来看,HTML5就是HTML标准的最新版本,于2014年10月由万维网联盟(W3C)发布为正式推荐标准。它是HTML自1991年问世以来,最具变革价值的技术规范,历经多年修订与完善才制定完成。HTML5又不仅仅是HTML4的下一个版本,因为它同样支持HTML4之后的网页规范,是首个将Web作为应用开发平台的HTML标准。而从其他角度来讲,HTML5现在如此火爆原因总结如下:
1.HTML5增加了许多新特性,让网页能力变得更强,这让许多以前不切实际的想法变成了现实,也让很多难实现的功能变得很简单。
2.近几年移动互联网变得越来越普及,跨设备、跨终端的需求越来越明显,这也为HTML5的发展提供了契机。
3.对于应用或游戏开发来说,一套跨平台的标准更加易于节约开发成本,让开发工作从繁重的多平台版本中解脱出来。
所以HTML5很像当年Web2.0的概念,基于现有的技术,让用户体验到不一样的互联网世界。
IT兄弟连 HTML5教程 HTML5和HTML的关系的更多相关文章
- IT兄弟连 HTML5教程 HTML5表单 小结及习题
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...
- IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例
这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框.<datalist>选项列表.<textarea>文本框,通用的表单输入类型有text ...
- IT兄弟连 HTML5教程 HTML5表单 新增的表单属性1
HTML5 Input表单为<form>和<input>标签添加了几个新属性,属性如表1. 1 autocomplete属性 autocomplete属性规定form或inp ...
- IT兄弟连 HTML5教程 HTML5表单 多样的输入类型2
4 range range类型用于包含一定范围内数字值的输入域,跟number一样,我们还可以对数值设置限定,range类型显示为滑动条用法如下: 上述代码使用了range类型输入框,为该类型设置了 ...
- IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1
HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证.并不是所有的主浏览器都支持新的input类型,不过我们可以在所有的主浏览器中使用它们,即使不被支持,仍然可以显示为常规的文本域 ...
- IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素
HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性, ...
- IT兄弟连 HTML5教程 HTML5表单 HTML表单中的get和post方法
指引 表单在网页应用中十分重要,基本上任何一个网站都必须使用到表单元素,所以表单的美观和易于交互对于网站设计就变得十分重要.HTML5对目前Web表单进行了全面提升,使得我们使用表单更加智能.它在保持 ...
- IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 小结及试题
小结 HTML标签包含结构标签和基础标签,基础标签是在页面制作最常使用的一些标签.基础标签包含标题标签(<h1>~<h6>).换行标签(<br>).段落标签(< ...
- IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题
小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...
- IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容
为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几方面进行了兼顾,确保与之前版本的HTML达到兼容.在下面示例中,将本节 ...
随机推荐
- [译]Vulkan教程(11)Image Views
Image views To use any VkImage, including those in the swap chain, in the render pipeline we have to ...
- ReactNative: 使用导航栏组件-NavigatorIOS组件和Navigator组件
一.简言 在软件开发中,不论是Web还是App,它们的应用程序都是由很多的功能视图组成的.对于这些组合的视图,如何实现页面间平滑地过渡,应用都有统一的一套跳转机制,这个功能就是路由或者叫导航.应用程序 ...
- 围观高手是如何写好 Python 循环,把内存用到极致的?
0 前言 说到处理循环,我们习惯使用for, while等,比如依次打印每个列表中的字符: lis = ['I', 'love', 'python'] for i in lis: print( ...
- Docker 零碎
Delete none tag docker image: $ docker stop $(docker ps -a | grep "Exited" | awk '{print $ ...
- robot用例执行常用命令(转)
执行命令 执行一个用例 robot -t “testcase_name“ data_test.robot 按用例文件执行 robot data_test.robot或者 robot --suite “ ...
- 最小割最大流定理&残量网络的性质
最小割最大流定理的内容: 对于一个网络流图 $G=(V,E)$,其中有源点和汇点,那么下面三个条件是等价的: 流$f$是图$G$的最大流 残量网络$G_f$不存在增广路 对于$G$的某一个割$(S,T ...
- 清新简约风格毕业论文答辩PPT模板推荐
不管是学生还是老师,应该经常会需要学生答辩的PPT模板,今天给大家推荐织梦58的学生答辩ppt模板. 模版来源:http://ppt.dede58.com/gongzuohuibao/26494.ht ...
- 前端Vue准备工作
环境准备: 1.安装Node&npm,只是为了要Node.js的环境https://nodejs.org/en/download/ 2.安装完成Node以及npm之后,就可以用npm conf ...
- LayUi 树形组件tree 实现懒加载模式,展开父节点时异步加载子节点数据
LayUi框架中树形组件tree官方还在持续完善中,目前最新版本为v2.5.5 官方树形组件目前还不支持懒加载方式,之前我修改一版是通过reload重载实例方法填充子节点数据方式,因为递归页面元素时存 ...
- Python 读取照片的信息:拍摄时间、拍摄设备、经纬度等,以及根据经纬度通过百度地图API获取位置
通过第三方库exifread读取照片信息.exifread官网:https://pypi.org/project/ExifRead/ 一.安装exifreadpip install exifread ...