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达到兼容.在下面示例中,将本节 ...
随机推荐
- ML.NET Model Builder 更新
ML.NET是面向.NET开发人员的跨平台机器学习框架,而Model Builder是Visual Studio中的UI工具,它使用自动机器学习(AutoML)轻松地允许您训练和使用自定义ML.NET ...
- Redis安装部署以及简单应用
Redis 是一个开源(BSD许可)的,内存中的数据结构存储系统,它可以用作数据库.缓存和消息中间件. 它支持多种类型的数据结构,如 字符串(strings), 散列(hashes), 列表(list ...
- getattribute方法,Python属性访问拦截器的用法
__getattribute__()方法是属性访问时的拦截器,每当访问属性的时候,会先执行这个方法,然后再执行访问属性的操作步骤,可以用来记录属性访问的log.代码示例如下: class Itca ...
- 模块引用方式利弊辨析: 全局绝对引用(alias) && 长相对引用
前言 这个问题首先要从我们项目的require语句开始说起. 当打开我们项目的时候,我们可能会看到一大堆长相对引用,如下所示: import component from '../../../../c ...
- 火车票买不到?看我用python监控票源
同事说最近火车票难买,我就帮他用个脚本监控 一下. 最近高铁票比较难买,还有什么候补.要不停的刷,才有时候可以捡漏.有时候明明候补了,到快开车告诉你余票不足,候补失败. 凡事预则立,我打算写个脚本提前 ...
- numpy-np.ceil,np.floor,np.expand_dims方法
np.ceil(多维数组):对多维数组的各个数向上取整 np.floor(多维数组):对多维数组的各个数向下取整 np.expand_dims(x,axis = 0):在x的第一维度上插入一个维度,a ...
- 【pat】algorithm常用函数整理
reference is_permutation Test whether range is permutation of another Parameters first1, last1 Input ...
- shiro实战(2)--ssm
一.web.xml的配置 <?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi=& ...
- 5种智能指针指向数组的方法| 5 methods for c++ shared_ptr point to an array
本文首发于个人博客https://kezunlin.me/post/b82753fc/,欢迎阅读最新内容! 5 methods for c++ shared_ptr point to an array ...
- 《How Tomcat works》
容器是一个处理用户servlet请求并返回对象给web用户的模块. org.apache.catalina.Container接口定义了容器的形式,用四种容器:Engine(引擎),Host(主机), ...