`
wungking
  • 浏览: 10663 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML5学习记录之起始篇

 
阅读更多

HTML5已经发布很久了,了解的关于HTML5的新闻也有很多了,可自己却一直没有沉下心来学习,所以今天写个开篇贴,算是记录下我开始学习HTML5的日子,记录我学习的过程。

HTML标准自199912月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group Web 超文本应用技术工作组 -WHATWG) 的组织。WHATWG 致力于 Web 表单和应用程序,而 W3CWorld Wide Web Consortium万维网联盟) 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML[2]

HTML5草案的前身名为 Web Applications 1.0,于2004年被 WHATWG 提出,于2007年被 W3C 接纳,并成立了新的 HTML工作团队。

HTML 5 的第一份正式草案已于2008122日公布。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5 支持。

20121217日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。根据W3C的发言稿称:“HTML5是开放的Web网络平台的奠基石。

支持的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IEChromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。

HTML5提供了一些新的元素和属性,例如<nav>(网站导航块)和<footer>。这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如<audio><video>标记。

1.取消了一些过时的HTML4标记

其中包括纯粹显示效果的标记,如<font><center>,它们已经被CSS取代。

HTML5 吸取了XHTML2 一些建议,包括一些用来改善文档结构的功能,比如,新的HTML 标签 header, footer, dialog, aside, figure 等的使用,将使内容创作者更加语义地创建文档,之前的开发者在实现这些功能时一般都是使用div。

2.将内容和展示分离

和 标签依然保留,但它们的意义已经和之前有所不同,这些标签的意义只是为了将一段文字标识出来,而不是为了为它们设置粗体或斜体式样。ufontcenterstrike 这些标签则被完全去掉了。

3.一些全新的表单输入对象

包括日期,URLEmail 地址,其它的对象则增加了对非拉丁字符的支持。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)游戏得分动画

    这篇“HTML5 Canvas学习笔记(5)游戏得分动画”着重讲解了如何利用Canvas技术来实现游戏中的得分动画效果。通过学习这篇笔记,我们可以深入了解Canvas的基本用法以及如何将它应用于游戏开发。 首先,Canvas是HTML5的...

    HTML5 Canvas学习笔记(6)拼图游戏(数字版)

    在“HTML5 Canvas学习笔记(6)拼图游戏(数字版)”这篇博文中,作者分享了如何利用Canvas构建一个数字拼图游戏。下面我们将详细探讨这个知识点。 1. **HTML5 Canvas基础**: - Canvas是一个基于矢量图形的画布元素...

    html学习心得,我感觉很好

    HTML学习心得 本篇文章总结了 HTML 中 table 标签的各种属性和方法,涵盖了 ACCESSKEY、ALIGN、ATOMICSELECTION、BACKGROUND、BEGIN 等多个方面。这些属性和方法可以帮助开发者更好地理解和使用 HTML table 标签,...

    HTTP学习笔记之初步了解

    本篇笔记主要介绍了HTTP的基本概念、请求方法、响应状态码以及一些关键的概念。 首先,HTTP请求主要包括两种基本方法:GET和POST。GET方法用于从服务器获取资源,例如页面、图片等静态资源。它在URL中携带参数,且...

    自学HTML笔记

    ### 自学HTML笔记 在本篇笔记中,我们将围绕HTML的基础知识进行详细的解析与总结,以便初学者能够更好地理解和掌握HTML的基本用法和技术要点。...希望本篇笔记能够为您的学习之旅提供有价值的参考和支持。

    微信HTML5在线朋友圈游戏源码带安装部署教程-画个圆.zip

    这篇教程将深入探讨如何利用HTML5技术开发一款适用于微信朋友圈的在线游戏,并提供完整的源码及安装部署步骤。游戏名为“画个圆”,它利用了HTML5的Canvas元素,让用户在屏幕上画出尽可能完美的圆形,以此进行互动...

    jQuery+html5 svg多区块环形统计图特效.zip

    本篇将详细讲解如何使用jQuery与HTML5的SVG(Scalable Vector Graphics)技术来创建多区块环形统计图特效。这种特效常见于各类仪表盘、数据分析图表中,为用户提供清晰的信息展示。 首先,jQuery是一个强大的...

    一篇不错的PHP基础学习笔记

    ### PHP基础学习笔记知识点解析 #### 一、PHP代码片段的表示形式 PHP提供了多种方式来标记代码片段,便于在HTML文档中嵌入PHP代码。 1. **标准标签**: `&lt;?php ... ?&gt;`,这是最常用的PHP代码标签,用于标识一个PHP...

    H5游戏2048小游戏源码

    - **学习新技术**:如果你不熟悉HTML5或JavaScript,这是一个很好的学习机会。通过研究源码,你可以深入理解这些技术如何应用于游戏开发。 总之,2048小游戏源码是一个极好的学习资源,它不仅展示了简单的游戏逻辑...

    canvas学习笔记之绘制简单路径

    在HTML5中,Canvas元素提供了一个强大的2D绘图环境,允许开发者动态地在网页上绘制图形。本篇文章将深入探讨Canvas的绘制简单路径,包括线段、矩形和圆弧路径的创建方法。 首先,我们来看线段(直线路径)的绘制。...

    jQuery益智类管道拼接网页小游戏代码.zip

    本篇文章将深入探讨一个基于jQuery的益智类管道拼接网页小游戏,通过分析游戏的源代码,我们可以学习到如何利用HTML5、CSS和JavaScript,特别是jQuery库,来创建一个交互性强、用户体验良好的小游戏。 首先,我们...

    网页编程课堂笔记.doc

    本篇笔记详细介绍了这两种技术的基本概念、语法以及常用的标签和样式。 HTML是一种标记语言,用于构建网页的结构。它由一系列的标签构成,每个标签都有特定的功能。例如,`&lt;html&gt;`标签定义了整个网页的开始和结束,...

    学习笔记(45):21天通关Python(仅视频课)-导出爬取的数据

    总结来说,这篇学习笔记介绍了如何使用Python的Scrapy框架来爬取网页数据,并将数据存储为JSON格式。它涵盖了Scrapy项目的创建、Spider的定义、XPath的使用以及自定义Pipeline来处理和存储数据的基本步骤。通过这个...

    中兴通讯CDR话单查看工具diy.html

    CDR是通信网络中记录通话、短信、数据流量等详细信息的数据文件,对于运营商和企业进行计费、数据分析以及故障排查至关重要。 这篇博文链接(https://colorlife.iteye.com/blog/509756)可能提供了关于如何使用这个...

    java网络爬虫

    10. **持续学习与优化**:网络爬虫是一个不断迭代和优化的过程,随着目标网站结构的变化,爬虫也需要随之调整。保持对新技术的关注,如HTML5新特性、JavaScript渲染、SPA应用的爬取等,将有助于提升爬虫的适应性。 ...

    超详细注释基于BlogJava主页的爬虫程序

    这个爬虫程序利用了深度遍历和广度遍历两种策略,有效地爬取了近7万篇博客文章,为数据分析、信息挖掘提供了丰富的素材。 首先,我们来了解什么是Java爬虫。Java是一种广泛使用的编程语言,它具有良好的跨平台性、...

    最短路径算法演示脚本

    本篇将主要聚焦于Dijkstra算法,这是一种解决单源最短路径问题的有效算法。 Dijkstra算法是由荷兰计算机科学家艾兹格·迪科斯彻在1956年提出的,主要用于找到加权有向图或无向图中,从起始顶点到其余所有顶点的最短...

    一个经典的PHP显示分页程序

    假设有一个博客系统,每页显示的文章数量为5篇,总共有50篇文章。 - **参数设定**: - `$page = 3` (当前页码) - `$total = 50` (总记录数) - `$phpfile = 'index.php'` (文件名) - `$pagesize = 5` (每页显示...

    web分页操作

    LIMIT用于指定每页的记录数,OFFSET则是跳过多少条记录以达到指定页码的起始位置。 ```sql SELECT * FROM table LIMIT :limit OFFSET :offset; ``` 3. **执行SQL**:使用JDBC的Statement或PreparedStatement...

    c# 编写的蜘蛛程序及源代码

    本篇将详细讲解如何利用C#来编写一个简单的蜘蛛程序。 **基础知识** 1. **C#编程基础**:C# 是一种面向对象的编程语言,由微软公司开发,用于构建Windows应用程序、Web服务以及游戏等。其语法简洁且强大,支持类、...

Global site tag (gtag.js) - Google Analytics