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达到兼容.在下面示例中,将本节 ...
随机推荐
- oracle截取时间的年/月/日/时/分/秒
修改日期格式为年月日时分秒: alter session set nls_date_format='yyyy-mm-dd hh24:mi:ss';select to_char(sysdate,'yyy ...
- Vm虚拟机最小化安装linux并配置NAT网络连接(全图)
- 关于tomcat对编码不正确的url参数报错的解决
按照规范,url参数必须使用限定字符,其它字符需要进行编码,用像js的encodeurlcomponent函数. 在IE和360浏览器的兼容模式,不会自动对url的参数进行编码,会导致tomcat报错 ...
- python 爬虫 随机换user-agent
USER_AGENTS = [ "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/535.20 (KHTML, like ...
- 10.jenkins 按角色分配
在实际的生产中,需要项目比较多.不同的用户需要对应 不同的项目工程 .这个时候,我们需要按角色给与权限. 要实现这个功能,需要一个插件来完成 . Role-based Authorization St ...
- java之Set接口(单列集合)
Set接口概述 java.util.Set 接口和 java.util.List 接口一样,同样继承自 Collection 接口,它与 Collection 接口中的方法基本一致,并没有对 Coll ...
- 你必须知道的Docker数据卷(Volume)
本篇已加入<.NET Core on K8S学习实践系列文章索引>,可以点击查看更多容器化技术相关系列文章. 一.将Docker数据挂载到容器 在Docker中,要想实现数据的持久化(所谓 ...
- laravel中间件的使用
简介HTTP 中间件提供了为过滤进入应用的 HTTP 请求提供了一套便利的机制.例如,Laravel 内置了一个中间件来验证用户是否经过授权,如果用户没有经过授权,中间件会将用户重定向到登录页面,否则 ...
- python中list的运算,操作及实例
在操作list的时候,经常用到对列表的操作运算,比如说,列表添加,删除操作,其实,这里面经常回遇到这样一个问题,就是列表的操作容易被混淆了. 有人做了一个总结,这个很清晰,我就不多做阐述了: 1.ap ...
- IT兄弟连 HTML5教程 CSS3揭秘 CSS简介
HTML使用标签将内容放到网页上,也可使用元素和属性来控制简单的文档外观.如果希望更全面地控制Web页面的外观和布局,则需要使用层叠样式表(简写为CSS).CSS规范的工作原理在于允许用户制定一些规则 ...