• 下一代web开发标准:html5专题(一)

    2010-06-18 10:32/点击数()

    HTML5 草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。 根据

    HTML5草案的前身名为Web Applications 1.0。於2004年被WHATWG提出,於2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案已公布,预计将在2010年9月正式向公众推荐。WHATWG表示该规范是目前正在进行的工作,仍须多年的努力。

    根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。

    争论双方的问题在于,很少的站点在自然环境下使用HTML 5,所以现在所认识到的问题的理论解决方案仍然在很大程度上未经考验。

    即便如此,我们不难发现下一代网络标记工具的好处和潜在的问题。

    内容

    1,HTML 5有什么不同?

    2,最终,一个任何人都可以记住的文档类型

    3,最基本的语义结构

        1) <header>

        2)<nav>

                 2.1)<section>

                 2.2)<article>

                 2.3)<aside>

                 2.4) <footer>

        3)把他们放在一起

        4)为新元素编写样式

        5)兼容老的浏览器

        6)现在你可以使用HTML 5了,但你会用么?

    HTML 5有什么不同?

    首先,我们通过HTML 5表达什么?First off, what do we mean by HTML 5?理论上,我们表达所有的事——新的语义结构标签,例如canvas或者离线储存等API规范,以及新的内联语义标签。尽管如此,我们把实际的原因 (PS:浏览器支持问题)仅仅局限于结构标签。canvas,离线储存,本地视频或者地理定位API都很绝妙,然而他们还不能被所有浏览器一致的支持。

    “但是等等”你说,“大多数浏览器也都不支持新的结构元素!”这是真的,但他们中的绝大多数将 会很乐意去接受你想要创建的任何标签。甚至连IE6也可以处理新标签,尽管如果你想要使用CSS设置样式,你需要一点JavaScript的帮助。

    当你对新标签设置样式时,你需要记住一件事,那就是未知标签在大部分浏览器中没有默认样式。他 们同时被认为是行级元素。尽管如此,由于大部分HTML 5的新标签可以构造,我们将让他们拥有块级元素的行为。解决方法是确认你在CSS样式中包含了display:block;。

    为了帮助了解当今HTML 5的一些新玩意儿,我们现在就进入正题,开始使用一些新的结构元素。

    最终,一个任何人都可以记住的文档类型

    我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。现在,如果你还清楚的记得HTML 4或者XHTML 1.x的文档类型,你真是一个比我们更强的淘气鬼。每当我们新建一个页面,我们必须打开一个旧的文件,剪切并粘贴文档类型定义。

    这真是痛苦,也是为什么我们喜欢新的HTML 5文档类型。你准备好了么?他出现了:

    <!DOCTYPE html>

    不会太难记。简单并且容易理解。不区分大小写。

    这个构想是停止HTML版本化,使向后兼容变得更容易。从长远看是否成功是另外的事情,但至少 他节省了你输入的平均时间。

    本节就先介绍到这里。下一节,将会介绍html5最基本的语法结构。

    本文链接:http://www.xingfu880.com/blog/css/749.html

    幸福工作室--广州网站建设,广州美工设计(www.xingfu880.com

     

上一篇:浅析美工设计的一些法则

下一篇:下一代web开发标准:html5专题(二)

帮我订酒店网 广交会酒店 广州酒店预订 刷钻源码 刷信誉程序 广州网站建设 淘宝缩阴排行榜 减肥精油排行榜 淘宝缩阴排行榜 减肥精油排行榜 山寨iphone5 策恩 Ceen 世界皮鞋品牌 休闲男鞋品牌 男士商务男鞋 高端男士皮鞋 淘宝男士皮鞋 男士透气皮鞋