学习xhtml的一点教训

来源:互联网 发布:笔记本垃圾清理软件 编辑:程序博客网 时间:2024/04/29 04:42

学习xhtml的一点教训

糯米糊糊原创,转摘请保留:作者 糯米糊糊(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" _fcksavedurl=""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">)。

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

原创粉丝点击