HTML5架构
HTML5架构,(HTML5 Boilerplates )
html5文档的快速建立html5文档非常容易建立,你只需要改变文档头部的DOCTYPE声明。
- <!DOCTYPEhtml>
这样你就已经建立好一个HTML5文档了,看看谷歌首页是怎么做的吧
复制内容到剪贴板
- <!doctypehtml>
- <head>
- <title>HTML5-GoogleSearch</title>
- <script>
- ..
但是谷歌的验证和搜索结果页面都没有使用,因为那些页面还存在很多无效标签,如<font>等,但是没关系还是可以使用一些正确的标签比如<script>在当前HTML5 DOCTYPE下解析
HTML5简易例子一个完整的html5页面,不需要很多复杂的标签
复制内容到剪贴板
- <!DOCTYPEhtml>
- <title>SmallHTML5</title>
- <p>Helloworld</p>
这就是一个简单而完整的例子了。
(有趣的是,当我删除了 <title> 标记。 Hixie's DOM viewer 解析是通过W3C验证器的。但 Henri Sivonen's 验证器说这是无效的无的标记。)
HTML5的完整性和兼容性最好,这里提供一个完整的HTML5例子,加入了样式和新的标签,为了解决一些IE内核的浏览器无法观看,这里插入了解决这个问题的JS脚本
- <!DOCTYPEhtml>
- <html>
- <head>
- <metacharset=utf-8/>
- <title>HTML5complete</title>
- <!--[ifIE]><scriptsrc=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]-->
- <style>
- article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
- </style>
- </head>
- <body>
- <p>HelloWorld!</p>
- </body>
- </html>