DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> 學習xhtml的一點教訓
學習xhtml的一點教訓
編輯:XML詳解     

糯米糊糊原創,轉摘請保留:作者 糯米糊糊(huyoo353),出處:http://blog.csdn.Net/huyoo/

1,xHtml是用XML 1.0重新形成的Html 4。

2,一個簡單的又全面的xHtml應該是這樣的(對於大部分中國人來說):

<?XML version="1.0" encoding="gb2312"?>
<!DOCTYPE Html
    PUBLIC "-//W3C//DTD XHtml 1.0 Transitional//EN"
    "DTD/xHtml1-transitional.dtd">

<Html XMLns="http://www.w3.org/1999/xHtml" XML:lang="zh-CN" lang="zh-CN">
  <head>
  <title>標題</title>
  <meta http-equiv="Content-Type" content="application/xHtml+XML; charset=gb2312" />
  <link rel="alternate" type="application/rss+XML"
       title="糯米糊糊(Huyoo353)'s Blog RSS 2.0"
       href="http://blog.csdn.Net/huyoo/Rss.ASPx" />
  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  <link rel="icon" href="../favicon.ico" type="image/ico" />
  <link rel="stylesheet" media="all" type="text/Css" href="css/style.CSS" />
  <link rel="stylesheet" media="text" type="text/css" href="css/print.CSS" />
</head>
<body>
  <div id="maincontent" class="main">
    <p>正文<a href="http://blog.csdn.Net/huyoo">訪問我的Blog</a>
    <a href="http://blog.csdn.net">CSDN.Net</a>
          </p>
            </div>
</body>
</Html>

注解:<?xml version="1.0" encoding="gb2312"?>是絕大部分自稱符合xhtml規范的中國網站上所沒有的。因為xhtml是XML文件,它的根節點有且只能有一個,就是小寫的 <Html> 。

"DTD/xhtml1-transitional.dtd"> 實際上應該寫作 "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd"> 。至於為什麼這樣寫,是因為IE浏覽器知道它是怎麼回事,而且最大的好處就是如果你是給內部網做網站的時候,IE就不會說找不到這個dtd資源了(我就是吃了這個苦苦)

<Html XMLns="http://www.w3.org/1999/xHtml" XML:lang="zh-CN" lang="zh-CN"> 後面的語言類型也被經常忽略。

  <meta http-equiv="Content-Type" content="application/xHtml+XML; charset=gb2312" />是meta類型和字符集。

  <link rel="alternate" type="application/rss+XML"
       title="糯米糊糊(Huyoo353)'s Blog RSS 2.0" 
  href="http://blog.csdn.Net/huyoo/Rss.ASPx" />是RSS標記,大勢所趨。

  <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
  <link rel="icon" href="../favicon.ico" type="image/ico" />是網站的個性圖標,你也應該想要一個的。

  <link rel="stylesheet" media="all" type="text/css" href="css/style.CSS" />
  <link rel="stylesheet" media="text" type="text/css" href="css/print.css" />是CSS,正是xHtml+CSS來實現數據和表現分離。這裡要提供一個頁面的和打印兩種樣式。

後面的<body>區的內容就不說了。值得一提的就是,標簽一定要嵌套完整,正確,標簽也一定要關閉。另外,屬性值一定要用引號關起來,屬性值不能搞最小化(比如<body today>),屬性值要完整(比如<body today="today">)。

好了,就這麼多了,吃飯去了

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved