webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机 域名注册

首页 >> WebDN 文档 >> xml教程 >> 第3页 >> 一个简单的又全面的xhtml-xhtml教训

 

一个简单的又全面的xhtml-xhtml教训

【摘 要】 绝大部分自称符合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">)。

好了,就这么多了,吃饭去了



  | 
点击这里给我发消息 | 关于WebDN  |  站点地图  |  联系我们  |  WebDN 会员  |  支付方式  |  友情链接  |  隐私政策
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号