首页>网页设计教程>HTML教程

HTML5页面架构（HTML5 Boilerplates ）

作者：Eve Cole 更新时间：2025-03-27 01:32:01

HTML5架构

HTML5架构，（HTML5 Boilerplates ）

html5文档的快速建立

html5文档非常容易建立，你只需要改变文档头部的DOCTYPE声明。

  1. <!DOCTYPEhtml>

这样你就已经建立好一个HTML5文档了，看看谷歌首页是怎么做的吧

复制内容到剪贴板
  1. <!doctypehtml>
  2. <head>
  3. <title>HTML5-GoogleSearch</title>
  4. <script>
  5. ..

但是谷歌的验证和搜索结果页面都没有使用，因为那些页面还存在很多无效标签，如<font>等，但是没关系还是可以使用一些正确的标签比如<script>在当前HTML5 DOCTYPE下解析

HTML5简易例子

一个完整的html5页面，不需要很多复杂的标签

复制内容到剪贴板
  1. <!DOCTYPEhtml>
  2. <title>SmallHTML5</title>
  3. <p>Helloworld</p>

这就是一个简单而完整的例子了。

（有趣的是，当我删除了 <title> 标记。 Hixie's DOM viewer 解析是通过W3C验证器的。但 Henri Sivonen's 验证器说这是无效的无的标记。）

HTML5的完整性和兼容性

最好，这里提供一个完整的HTML5例子，加入了样式和新的标签，为了解决一些IE内核的浏览器无法观看，这里插入了解决这个问题的JS脚本

  1. <!DOCTYPEhtml>
  2. <html>
  3. <head>
  4. <metacharset=utf-8/>
  5. <title>HTML5complete</title>
  6. <!--[ifIE]><scriptsrc=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]-->
  7. <style>
  8. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
  9. </style>
  10. </head>
  11. <body>
  12. <p>HelloWorld!</p>
  13. </body>
  14. </html>
相关文章