HTML5新特性及基本模板代码

HTML5 中的一些有趣的新特性:

    ○ 用于绘画的 canvas 元素
    ○ 用于媒介回放的 video 和 audio 元素
    ○ 对本地离线存储的更好的支持
    ○ 新的特殊内容元素,比如 article、footer、header、nav、section
    ○ 新的表单控件,比如 calendar、date、time、email、url、search

最小的HTML5文档
下面是一个简单的HTML5文档:

  1. <!DOCTYPE html>
  2.  <html>
  3.  <head>
  4.  <title>文档标题</title>
  5.  </head>
  6.  
  7.  <body>
  8.  文档内容......
  9.  </body>
  10.  
  11.  </html>

基本模板代码

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html;  
  5. charset=utf-8" />
  6.         <link rel="icon" type="image/png" href="/images/icon.png"  
  7. />
  8.         <title>Title Goes Here</title>
  9.  
  10.         <!-- START Meta Information -->
  11.         <meta name="description" content="" />
  12.         <meta name="keywords" content="" />
  13.         <meta name="author" content="" />
  14.         <meta name="robots" content="index,follow" />
  15.         <meta name="copyright" content="" />
  16.         <!-- END Meta Information -->
  17.  
  18.         <!-- START Style Sheets -->
  19.         <link rel="stylesheet" type="text/css" media="all"  
  20. href="style.css" />
  21.         <!-- END Style Sheets -->
  22.  
  23.         <!-- Javascript -->
  24.         <!--[if lt IE 9]>
  25.         <script  
  26. src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  27.         <![endif]-->
  28.         <!-- END Javascript -->
  29.     </head>
  30.  
  31.     <body>
  32.        <!-- CONTENT GOES HERE -->
  33.     </body>
  34.  
  35. </html>

发布日期:

所属分类: Css/Html5 标签:  


没有相关文章!