《HTML5开发手册》——导读

简介:


<a href=https://yqfile.alicdn.com/bc3b60e125a7b28f8f1defba2e35a5307f95667d.png" >

前言

HTML(超文本标记语言)是构建网页的核心语言。在过去的20多年里,无数的开发者编写着 HTML。在 HTML 诞生的前几年,这门语言经历了翻天覆地的变化,直到 1990 年后才相对稳定了起来。不过,现在一切开始改变。

HTML的简史
在1991年,Tim Berners-Lee撰写了一篇名叫“HTML Tags”(HTML标记)的文档。文档中描述了20个可以用来编写Web文档的标记。到1993年中期,IETF(因特网工程任务组)发布了第一个HTML规范的提议,该提议最后过期。而直到1995年11月第一个正式规范才得以发布,并且是HTML 2.0的规范,而不是HTML 1.0。

HTML 3.2在1998年发布。紧随的HTML 4也在1998年发布。HTML 4一共有3个变体:严格(Strict)、过渡(Transitional)、框架(Frameset)。在这个时期里,浏览器开发商,比如Microsoft、Netscape,开始以略有不同的方式实现HTML,由此引燃了第一轮浏览器大战。

XHTML
在HTML 4发布后,W3C(万维网联盟)决定停止HTML的进化与发展,并且开始将工作转向XHTML 1.0(可扩展超文本标记语言),该语言基于XML,并被当作是 Internet的未来之星。实际上,XHTML并没有引入新的元素,规范也与HTML 4相一致。但是,开发者必须服从新的语法规则:标记必须封闭或者是自封闭的,而且属性值也必须加上引号。这就需要更为严格紧凑的编码规范,并确保开发者具有一致的编码风格。在2001年的这段时间里,随着博客的兴起,以及人们对Web标准重要性的日益关注,CSS(层叠样式表)开始展露头角。

2002年伊始,W3C发布了XHTML 1.1的草稿。虽然XHTML 1实际上是HTML中夹杂了小部分的XML,而XHTML 1.1实质上则是XML。然而XHTML 1.1被认为太过于超前,而且并不向后兼容。也就是说,如果使用XHTML 1.1开发网站,则该网站无法适用于当时或者更落后的浏览器。

这导致Web社区以及浏览器开发商,甚至于W3C自己的担忧。并不是所有人都坚信XML将是Web未来的标记语言。

Web表单、Web应用和WHATWG
在2004年,来自于Apple、Mozilla和Opera的员工开始以个人的名义研究规范,目的是为了创造出可以向后兼容的代码,这些代码可以用来创建Web应用。W3C拒绝了这个提议。因此,命名为WHATWG(网页超文本技术工作小组)的新兴小组得以建立。

WHATWG开始在Web表单2.0和Web应用1.0方向上发挥作用。这些规范的编辑者为Ian“Hixie”Hickson。与规范相关的问题与构思都是通过一个公共的邮件列表进行提交的。虽然在初期,WHATWG只在Web表单2.0和Web应用1.0这两个规范上发挥作用,但是后来二者合而为一,成为HTML5。
前言
[第1章 HTML5中新的结构元素
1.1 初学者“菜谱”:建立HTML5初始文件 ](https://yq.aliyun.com/articles/97319)
1.2 这些新元素从何而来
1.3 初学者“菜谱”:使用header元素建立网站标头
1.4 初学者“菜谱”:使用hgroup元素组合标题
1.5 初学者“菜谱”:使用nav元素创建导航
1.6 中级“菜谱”:使用新article元素
1.7 中级“菜谱”:使用section元素对内容分组
1.8 初学者“菜谱”:使用aside标记创建侧边栏
1.9 初学者“菜谱”:使用footer元素
1.10 中级“菜谱”:使用HTML5大纲工具验证结构
1.11 高级“菜谱”:使用所有新标记建立新闻页面
1.12 高级“菜谱”:使用所有新元素来建立搜索结果页面
1.13 小结
[第2章 组合、文本级和重新定义的语义
2.1 初学者“菜谱”:使用figure和figcaption元素插入图片和图注 ](https://yq.aliyun.com/articles/97419)
2.2 初学者“菜谱”:使用time元素插入日期和时间
2.3 初学者“菜谱”:使用details元素创建可伸缩控件
2.4 初学者“菜谱”:使用address元素提供通信信息
2.5 初学者“菜谱”:使用mark元素高亮文本
2.6 初学者“菜谱”:使用s元素显示不准确或不相关的内容
2.7 现存元素的变化
2.8 初学者“菜谱”:为多个元素添加相同的超链接
2.9 中级“菜谱”:利用Microdata添加语义信息
2.10 中级“菜谱”:在HTML5中使用WAI-ARIA
2.11 高级“菜谱”:编写带有评论的文章页面
2.12 小结
第3章 应对浏览器的HTML5支持
第4章 CSS3新布局和样式技巧
第5章 HTML5 Web表单
第6章 Canvas绘图
第7章 HTML5嵌入视频
第8章 HTML5嵌入音频
第9章 修改浏览器历史记录
第10章 Geolocation API位置感知
第11章 客户端存储
第12章 通信与线程
第13章 HTML5中的浏览器体验
第14章 使用本地文件
第15章 整合设备数据

相关文章
|
2月前
|
开发框架 前端开发 JavaScript
前端框架演进史:从HTML到现代化开发
前端框架演进史:从HTML到现代化开发
61 0
|
3天前
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
15 0
|
1月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
75 4
|
2月前
|
关系型数据库 MySQL
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
web简易开发(二){html5+php实现文件上传及通过关键字搜索已上传图片)}
|
1月前
|
缓存 移动开发 前端开发
在PWA的开发中,HTML与CSS作为前端技术的基础,发挥着至关重要的作用
【6月更文挑战第14天】PWA(渐进式网页应用)借助HTML和CSS,提供接近原生应用的体验。HTML构建页面结构和内容,响应式设计适应各种设备,语义化标签提升可访问性,Manifest文件配置应用元数据,离线页面保证无网时体验。CSS则用于定制主题样式,创建动画效果,实现响应式布局,并管理字体和图标。两者协同工作,确保PWA在不同环境下的优秀性能和用户体验。随着前端技术进步,HTML与CSS在PWA中的应用将更加深入。
34 2
|
2月前
|
存储 移动开发 编解码
基于HTML5开发的Markdown在线编辑器
Markdown是一种轻量级标记语言,以其简洁易读的格式而备受程序员和作者们的青睐。随着互联网的发展,越来越多的在线Markdown编辑器应运而生,为用户提供了更加便捷、高效的写作和编辑环境。本文将探讨基于HTML5开发的Markdown在线编辑器的设计原理、功能特点以及技术优势。
44 1
基于HTML5开发的Markdown在线编辑器
|
1月前
|
机器学习/深度学习 Web App开发 前端开发
【Web开发】深度学习HTML(超详细,一篇就够了)
【Web开发】深度学习HTML(超详细,一篇就够了)
12 0
|
2月前
|
开发工具 CDN 容器
基于Html+腾讯云播SDK开发的m3u8播放器
周末业余时间在家无事,学习了一下腾讯的云播放sdk,并制作了一个小demo(m3u8播放器),该在线工具是基于腾讯的云播sdk开发的,云播sdk非常牛,可以支持多种播放格式。
191 1
|
2月前
|
移动开发 前端开发 JavaScript
:掌握移动端开发:HTML5 与 CSS3 的高效实践
:掌握移动端开发:HTML5 与 CSS3 的高效实践 “【5月更文挑战第6天】”
47 1
|
2月前
|
前端开发 JavaScript UED
【专栏:HTML与CSS移动端开发篇】移动端触摸事件与手势识别
【4月更文挑战第30天】本文探讨了移动端触摸事件和手势识别在网页开发中的重要性。介绍了基础触摸事件如`touchstart`, `touchmove`, `touchend`, `touchcancel`及相关属性。文章列举了处理触摸事件的方法,包括单点触摸、多点触摸、滑动、长按、捏合缩放、旋转检测和事件代理。建议使用第三方库如Hammer.js简化手势处理,并分享了最佳实践,如避免意外触摸、提供视觉反馈、考虑性能和跨设备测试。理解并有效利用这些技术能提升用户交互体验。