码迷,mamicode.com
首页 > Web开发 > 详细

basic html5

时间:2014-11-28 21:17:42      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   sp   for   on   

  html4 doctype
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 HTML5 doctype:
 <!DOCTYPE html>

 In this example page, the root element looks like this:

  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  The first thing to discuss is the xmlns attribute. This is a vestige of XHTML 1.0.
  It says that elements in this page are in the XHTML namespace, http://www.w3.org/1999/xhtml.
  But elements in HTML5 are always in this namespace, so you no longer need to declare it explicitly.
  Your HTML5 page will work exactly the same in all browsers, whether this attribute is present or not.

  Dropping the xmlns attribute leaves us with this root element:

  <html lang="en" xml:lang="en">

  Why two attributes for the same thing? Again, this is a vestige of XHTML. Only the lang attribute has any effect in HTML5.
  You can keep the xml:lang attribute if you like, but if you do, you need to ensure that it contains the same value as the lang attribute.

  Are you ready to drop it? It’s OK, just let it go. Going, going… gone! That leaves us with this root element:

  <html lang="en">

  Example page:

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>My Weblog</title>
  <link rel="stylesheet" type="text/css" href="style-original.css" />
  <link rel="alternate" type="application/atom+xml"
                        title="My Weblog feed"
                        href="/feed/" />
  <link rel="search" type="application/opensearchdescription+xml"
                        title="My Weblog search"
                        href="opensearch.xml"  />
  <link rel="shortcut icon" href="/favicon.ico" />
</head>

对于
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;" charset="ISO-8859-1">
可以简化成
<meta charset="utf-8" />
对于
<link rel="stylesheet" href="style-original.css" type="text/css" />
可以简化成
<link rel="stylesheet" href="style-original.css" />

basic html5

标签:des   style   blog   http   io   ar   sp   for   on   

原文地址:http://www.cnblogs.com/pimp/p/4129282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!