HTML5基本语法

HTML5 是 W3C 与 WHATWG 合作的结果。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

1.HTML5声明

过去是这样:

现在仅仅这样

如果不申请明,将采用”quicks mode”模式http://www.quirksmode.org/ 打开

2. 简化的一些标签

2.1根元素

之前:

HTML5仅仅这样:

2.2 我UTF-8 encoding meta tag

之前

HTML5仅仅这样:

2.3. 脚本

之前

HTML5仅仅这样:

3.布局

一个经典的HTML界面应该含有三个部分:header、footer、middle page content。而middle page content从做到右会含有navigation、content、aside 3 columns。如下图

html5pagelayout

上图样式代码如下:

当然,对于这样的一个基本布局框架,你可以有很多方式来对其进行调整,比如说:float来调整中间部分的行数;或者通过div来调整相应框架大小

4.HTML5中JavaScript和CSS位置

目前还是有一些浏览器不能支持HTML5所有的标签。 由于IE不具有处理位置标签的能力,

更多CSS模板,参见 https://html5boilerplate.com/
HTML5例子参见:http://www.hanray.com/sites/html5pagelayout/html5_page_layout.html?headerfooter=both&theme=blue

参考资料:
http://www.codeproject.com/Articles/146409/Semantic-HTML5-Page-Layout

发表评论

电子邮件地址不会被公开。 必填项已用*标注