HTML5已经发布很久了,了解的关于HTML5的新闻也有很多了,可自己却一直没有沉下心来学习,所以今天写个开篇贴,算是记录下我开始学习HTML5的日子,记录我学习的过程。
HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group (Web 超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而 W3C(World Wide Web Consortium,万维网联盟) 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。[2]
HTML5草案的前身名为 Web Applications 1.0,于2004年被 WHATWG 提出,于2007年被 W3C 接纳,并成立了新的 HTML工作团队。
HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5 支持。
2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。”
支持的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。
HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如<audio>和<video>标记。
1.取消了一些过时的HTML4标记
其中包括纯粹显示效果的标记,如<font>和<center>,它们已经被CSS取代。
HTML5 吸取了XHTML2 一些建议,包括一些用来改善文档结构的功能,比如,新的HTML 标签 header, footer, dialog, aside, figure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者在实现这些功能时一般都是使用div。
2.将内容和展示分离
b 和 i 标签依然保留,但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。u,font,center,strike 这些标签则被完全去掉了。
3.一些全新的表单输入对象
包括日期,URL,Email 地址,其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据,这一使用机器可以识别的标签标注内容的方法,使语义Web 的处理更为简单。总的来说,这些与结构有关的改进使内容创建者可以创建更干净,更容易管理的网页,这样的网页对搜索引擎,对读屏软件等更为友好。
4.全新的,更合理的Tag
多媒体对象将不再全部绑定在 object 或 embed Tag 中,而是视频有视频的Tag,音频有音频的 Tag。
5.本地数据库
这个功能将内嵌一个本地的SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时,那些离线Web 程序也将因此获益匪浅。不需要插件的富动画。
6.Canvas 对象
将给浏览器带来直接在上面绘制矢量图的能力,这意味着用户可以脱离Flash 和Silverlight,直接在浏览器中显示图形或动画。
7.浏览器中的真正程序
将提供 API 实现浏览器内的编辑,拖放,以及各种图形用户界面的能力。内容修饰Tag 将被剔除,而使用CSS。
8.Html5取代Flash在移动设备的地位。(这个目前看来是不太可能的)
转载于http://www.webgamei.com/club/thread-93888-1-1.html
相关推荐
这篇“HTML5 Canvas学习笔记(5)游戏得分动画”着重讲解了如何利用Canvas技术来实现游戏中的得分动画效果。通过学习这篇笔记,我们可以深入了解Canvas的基本用法以及如何将它应用于游戏开发。 首先,Canvas是HTML5的...
在“HTML5 Canvas学习笔记(6)拼图游戏(数字版)”这篇博文中,作者分享了如何利用Canvas构建一个数字拼图游戏。下面我们将详细探讨这个知识点。 1. **HTML5 Canvas基础**: - Canvas是一个基于矢量图形的画布元素...
HTML学习心得 本篇文章总结了 HTML 中 table 标签的各种属性和方法,涵盖了 ACCESSKEY、ALIGN、ATOMICSELECTION、BACKGROUND、BEGIN 等多个方面。这些属性和方法可以帮助开发者更好地理解和使用 HTML table 标签,...
本篇笔记主要介绍了HTTP的基本概念、请求方法、响应状态码以及一些关键的概念。 首先,HTTP请求主要包括两种基本方法:GET和POST。GET方法用于从服务器获取资源,例如页面、图片等静态资源。它在URL中携带参数,且...
### 自学HTML笔记 在本篇笔记中,我们将围绕HTML的基础知识进行详细的解析与总结,以便初学者能够更好地理解和掌握HTML的基本用法和技术要点。...希望本篇笔记能够为您的学习之旅提供有价值的参考和支持。
这篇教程将深入探讨如何利用HTML5技术开发一款适用于微信朋友圈的在线游戏,并提供完整的源码及安装部署步骤。游戏名为“画个圆”,它利用了HTML5的Canvas元素,让用户在屏幕上画出尽可能完美的圆形,以此进行互动...
本篇将详细讲解如何使用jQuery与HTML5的SVG(Scalable Vector Graphics)技术来创建多区块环形统计图特效。这种特效常见于各类仪表盘、数据分析图表中,为用户提供清晰的信息展示。 首先,jQuery是一个强大的...
### PHP基础学习笔记知识点解析 #### 一、PHP代码片段的表示形式 PHP提供了多种方式来标记代码片段,便于在HTML文档中嵌入PHP代码。 1. **标准标签**: `<?php ... ?>`,这是最常用的PHP代码标签,用于标识一个PHP...
- **学习新技术**:如果你不熟悉HTML5或JavaScript,这是一个很好的学习机会。通过研究源码,你可以深入理解这些技术如何应用于游戏开发。 总之,2048小游戏源码是一个极好的学习资源,它不仅展示了简单的游戏逻辑...
在HTML5中,Canvas元素提供了一个强大的2D绘图环境,允许开发者动态地在网页上绘制图形。本篇文章将深入探讨Canvas的绘制简单路径,包括线段、矩形和圆弧路径的创建方法。 首先,我们来看线段(直线路径)的绘制。...
本篇文章将深入探讨一个基于jQuery的益智类管道拼接网页小游戏,通过分析游戏的源代码,我们可以学习到如何利用HTML5、CSS和JavaScript,特别是jQuery库,来创建一个交互性强、用户体验良好的小游戏。 首先,我们...
本篇笔记详细介绍了这两种技术的基本概念、语法以及常用的标签和样式。 HTML是一种标记语言,用于构建网页的结构。它由一系列的标签构成,每个标签都有特定的功能。例如,`<html>`标签定义了整个网页的开始和结束,...
总结来说,这篇学习笔记介绍了如何使用Python的Scrapy框架来爬取网页数据,并将数据存储为JSON格式。它涵盖了Scrapy项目的创建、Spider的定义、XPath的使用以及自定义Pipeline来处理和存储数据的基本步骤。通过这个...
CDR是通信网络中记录通话、短信、数据流量等详细信息的数据文件,对于运营商和企业进行计费、数据分析以及故障排查至关重要。 这篇博文链接(https://colorlife.iteye.com/blog/509756)可能提供了关于如何使用这个...
10. **持续学习与优化**:网络爬虫是一个不断迭代和优化的过程,随着目标网站结构的变化,爬虫也需要随之调整。保持对新技术的关注,如HTML5新特性、JavaScript渲染、SPA应用的爬取等,将有助于提升爬虫的适应性。 ...
这个爬虫程序利用了深度遍历和广度遍历两种策略,有效地爬取了近7万篇博客文章,为数据分析、信息挖掘提供了丰富的素材。 首先,我们来了解什么是Java爬虫。Java是一种广泛使用的编程语言,它具有良好的跨平台性、...
本篇将主要聚焦于Dijkstra算法,这是一种解决单源最短路径问题的有效算法。 Dijkstra算法是由荷兰计算机科学家艾兹格·迪科斯彻在1956年提出的,主要用于找到加权有向图或无向图中,从起始顶点到其余所有顶点的最短...
假设有一个博客系统,每页显示的文章数量为5篇,总共有50篇文章。 - **参数设定**: - `$page = 3` (当前页码) - `$total = 50` (总记录数) - `$phpfile = 'index.php'` (文件名) - `$pagesize = 5` (每页显示...
LIMIT用于指定每页的记录数,OFFSET则是跳过多少条记录以达到指定页码的起始位置。 ```sql SELECT * FROM table LIMIT :limit OFFSET :offset; ``` 3. **执行SQL**:使用JDBC的Statement或PreparedStatement...
本篇将详细讲解如何利用C#来编写一个简单的蜘蛛程序。 **基础知识** 1. **C#编程基础**:C# 是一种面向对象的编程语言,由微软公司开发,用于构建Windows应用程序、Web服务以及游戏等。其语法简洁且强大,支持类、...