1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

学习xhtml的一点教训

本帖由 小叶2006-02-09 发布。版面名称:前端开发

  1. 小叶

    小叶 New Member

    注册:
    2005-09-04
    帖子:
    17,941
    赞:
    33
    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">)。
     
  2. wm_chief

    wm_chief New Member

    注册:
    2005-09-05
    帖子:
    17,890
    赞:
    46
    哦,不错
     
  3. Unknown

    Unknown New Member

    注册:
    2005-11-25
    帖子:
    10
    赞:
    0
    花花绿绿的真好看.
     
  4. 阿呆

    阿呆 New Member

    注册:
    2006-02-11
    帖子:
    745
    赞:
    3
    学习中
     
  5. kamsang

    kamsang New Member

    注册:
    2005-10-05
    帖子:
    9,080
    赞:
    58
    不错! 收藏了!