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达到兼容.在下面示例中,将本节 ...
随机推荐
- SQL索引碎片的产生,处理过程。
本文参考 https://www.cnblogs.com/CareySon/archive/2011/12/22/2297568.html https://www.jb51.net/softjc/12 ...
- linux-认识vi vim
vi 编译器 Linux vi 命令非常强大,熟练地使用它可以高效的编辑代码,配置系统文件等 命令:vi [文件] vim [文件] vi 分为三种模式:命令模式.文字模式.末尾模式 -------- ...
- 附007.Kubernetes ABAC授权
一 ABAC 1.1 ABAC授权 基于属性的访问控制(ABAC)定义了访问控制范例,通过使用将属性组合在一起的策略向用户授予访问权限. 使用--authorization-policy-file=S ...
- MyBatis PropertyTokenizer
PropertyTokenizer package org.apache.ibatis.reflection.property; import java.util.Iterator; /* 例1: 参 ...
- win7安装centos7虚拟机
1. 场景描述 因测试中需要linux集群,目前的服务器不太方便部署,需要本机(windows7)启动多个linux虚拟机,记录下,希望能帮到需要的朋友. 2. 解决方案 2.1 软件准备 (1)使用 ...
- Linux下使命令不受终端断开的影响,保持在后台运行的几种方法及原理
摘自https://www.ibm.com/developerworks/cn/linux/l-cn-nohup/ 记录一下Linux下使命令不受终端断开的影响,保持在后台运行的几个方法及其原理.当用 ...
- Python【day 18】面向对象-类和类的关系
一.昨日内容回顾 成员 1.变量 1.成员变量--最常见 1.写法: 变量前面加了self就是成员变量 这里的self表示当前对象 一般是在构造方法中定义 2.调用: 对象.成员变量 3.作用: 可以 ...
- localStorage本地存储技术
localStorage 本地存储技术 本地存储技术,“不是永久的永久存储” 特点: 将数据存储到浏览器当中 存储的数据都是以字符串的形式存储的 和传统的数据库相比: 优点: 操作简单,容易学习 数据 ...
- HTML5播放视频,并使用ffmpeg对视频转编码
网页加入视频可以用h5自带的video标签,这里用一个jQuery封装优化好的video视频组件videojs. videojs官方网站:https://docs.videojs.com/index. ...
- [a0003] <创作> 全局视图索引
100篇博文再考虑 需求: 包含随笔.转载文章,能够容易区分