《HTML5移动应用开发入门经典》—— 1.1 了解HTML5的由来

简介:

本节书摘来异步社区《HTML5移动应用开发入门经典》一书中的第1章,第1.1节,作者:【美】Jennifer Kyrnin,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.1 了解HTML5的由来

HTML5移动应用开发入门经典
1989年3月,Tim Berners-Lee爵士写了一个提案,提出使用超文本将网络上相关的文档进行链接。通过CERN(欧洲核子研究中心)工作人员的配合,超文本最终成为了HTML,又称超文本标记语言(Hypertext Markup Language)。

HTML以一种正在使用的文档标记语言——SGML(标准通用标记语言,Standard Generalized Markup Language)——为基础。1991年9月,互联网上开始兴起关于Web及HTML应如何发展的讨论。

直到1993年前后,唯一可用的浏览器是一个名为Lnyx的纯文本浏览器。之后Mosaic问世,它提供了图像、嵌套列表以及表格等功能。在今天,大部分设计人员认为这些功能是司空见惯的,但在20世纪90年代早期,许多人只能在一个黑白色(或绿白色)、纯文本的环境下浏览网页。可以说,支持图像的浏览器是一个里程碑式的进步。

直到1994年,IETF(Internet工程任务组——Internet Engineering Task Force)创立了HTML工作组。1994年7月,该工作组发布了HTML 2的工作草案。同年,W3C(万维网联盟—— World Wide Web Consortium)作为HTML的标准组织在麻省理工学院(MIT)成立。1995年,HTML 3作为草案发布,1997年,HTML 3.2成为标准。随后在1999年,HTML 4成为建议语言。

1.1.1 XML及XHTML

1999年后,情况有所改变。W3C开始认为HTML不应保持原状,而是应当更容易被计算机读取,更一致,并且更严谨。但是,它们并没有开发新版本的HTML,而是设法将HTML转换为更为严谨的标记语言——XHTML。

XHTML是使用可扩展标记语言(eXtensible Markup Language,XML)重写的HTML 4.01版本。XML发布于1998年,用于创建机器可读的标记语言。XHTML文档对结构及有效性的要求很高。实际上,如果页面的HTML无效,或者是结构不好,则W3C就希望所有读取XHTML的浏览器能停止渲染这些页面。

当今,仍有许多公司在使用XML。例如,许多内容管理系统(CMS)在后台使用XML来管理大型网站;许多图书采用DocBook进行编写,而DocBook是一种用于发布的XML语言;ePub格式的图书也使用XML来创建电子书。

注意:
结构与有效性

一个结构良好的文档需以声明语句开始,其中需包括规范,所有属性用引号括起来,所有元素必须为闭合的,且仅有一个容器元素。一个文档只有在经过规范检测后未发现任何错误,才能称之为有效文档。

1.1.2 HTML5的诞生

基于XML的XHTML有着和XML一样严格的要求,因此也同样编写起来困难。尽管大部分Web设计人员都明白编写有效HTML的重要性,但最重要的是它在读者的浏览器中能否被识别。每个检验过页面有效性的Web设计新手都明白,页面不具备有效性并不代表着浏览器无法将其显示出来。实际上,Web浏览器总是能够显示技术上失效的HTML。

鉴于上述原因,一个由Web设计人员、开发人员以及浏览器制造商等组成的团体在2004年创建了Web超文本应用技术工作组(WHATWG,Web Hypertext Application Technology Working Group)。他们从设计人员、开发人员及浏览器制造商的实际需要出发,创建了HTML5规范。最终,在2008年,W3C为了重组HTML5社区,决定取消对XHTML的开发,并将HTML5规范纳入W3C的框架中。

相关文章
|
11天前
|
移动开发 前端开发 JavaScript
【专栏:HTML与CSS实战项目篇】使用HTML5与CSS3制作一个动态表单验证页面
【4月更文挑战第30天】本文介绍了使用HTML5和CSS3创建动态表单验证页面的方法。首先,简述HTML5用于构建网页内容,CSS3用于描述样式。接着,分四步展示实现过程:1) 设计包含输入框和提示信息的表单结构;2) 使用CSS3创建样式,增强视觉效果;3) 使用JavaScript监听输入事件,动态验证表单并显示错误信息;4) 测试和调试确保跨平台兼容性。通过学习,开发者能掌握创建带验证功能的表单,提升用户体验。
|
11天前
|
移动开发 API UED
【专栏:HTML进阶篇】HTML5拖放API与触摸事件
【4月更文挑战第30天】HTML5的拖放API和触摸事件增强了网页交互设计,使开发者能创建动态响应式界面。拖放API通过设定元素的`draggable`属性、监听拖动和放置事件以及处理`DataTransfer`对象实现。触摸事件如`touchstart`、`touchmove`、`touchend`则让触控设备操作更流畅。开发者需注意事件对象、多点触控处理和防止默认行为。结合两者,可创建图片排序、手势识别等交互功能,但也需面对浏览器兼容性和复杂逻辑挑战。利用HTML5这些工具,能提升用户体验,推动网页交互设计创新。
|
11天前
|
移动开发 搜索推荐 JavaScript
【专栏:HTML 进阶篇】HTML5 新特性探索:视频、音频与画布
【4月更文挑战第30天】HTML5的视频、音频和画布元素为网页开发注入新活力。视频和音频元素提供跨平台兼容的播放体验,支持自适应和交互控制;画布则允许动态图形和动画创作。在线视频网站、音乐播放器和游戏开发广泛应用这些特性。尽管面临版权和性能挑战,HTML5持续发展,为网页创新带来更多可能。拥抱这些新特性,创造更丰富的网页世界!
|
23天前
|
移动开发 搜索推荐 前端开发
HTML、XHTML和HTML5系列对比
HTML、XHTML和HTML5系列对比
|
23天前
|
存储 移动开发 API
《HTML 简易速速上手小册》第9章:HTML5 新特性(2024 最新版)
《HTML 简易速速上手小册》第9章:HTML5 新特性(2024 最新版)
9 0
|
26天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
23 1
|
26天前
|
移动开发 前端开发 搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
25 0