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达到兼容.在下面示例中,将本节 ...
随机推荐
- Java8_stream的map和flatmap
假如我们有这样一个需求给定单词列表["Hello","World"],你想要返回列表["H","e","l&q ...
- HTTP 请求夹带(smuggling)攻击
什么是HTTP请求夹带(smuggling)攻击 HTTP请求走私是一种干扰网站处理从一个或多个用户接收的HTTP请求序列的方式的技术. 请求夹带漏洞危害,允许攻击者绕过安全控制,获取对敏感数据的未授 ...
- day99_12_3numpy的索引以及pandas的两个数据结构。
一.索引与切片. nump的索引和python中的索引差不多,都是左开右闭区间. 如一个普通的array的索引,是由0开始的: res = np.array([1,2,3,4,5]) #### npa ...
- react 项目引入路由
下载路由包 npm i react-router-dom -d 前台路由 登陆: /login /login.jsx App.js import React ,{Component} from 're ...
- Mybatis基本类型参数非空判断(异常:There is no getter for property...)
先看一小段代码 <select id="queryByPhone" parameterType="java.lang.String" resultType ...
- Win10(64位)安装汇编环境(MASM)
1:需要的文件 需要的安装包:这些百度都能下载找到 1).DOSBox 链接: 2) .MASM5.0 链接: 3).DEBUG 链接: 下面给出我们打包的环境 直接可用: (汇编我并不需要关注安装这 ...
- koa2 从入门到进阶之路 (六)
之前的文章我们介绍了一下 koa post提交数据及 koa-bodyparser中间件,本篇文章我们来看一下 koa-static静态资源中间件. 我们在之前的目录想引入外部的 js,css,img ...
- SpringBoot整合MyBatis-Plus3.1详细教程
作者:Sans_ juejin.im/post/5cfa6e465188254ee433bc69 一.说明 Mybatis-Plus是一个Mybatis框架的增强插件,根据官方描述,MP只做增强不做改 ...
- 【带着canvas去流浪(10)】文字烟花
目录 一. 文字烟花 二. 动画原理 2.1 像素操作 2.2 烟花生成算法 2.3 计时器 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址 ...
- 干货:.net core实现读取appsettings.json配置文件(建议收藏)
看好多人不懂在.NET CORE中如何读取配置文件,我这里分两篇,这一篇介绍怎样通过appsettings.json配置读取文件信息.这里我会教大家两种方式: 第一种直接放到通用类库,那里想调往那调. ...