频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

学习xhtml的一点教训

来源: 作者: 出处:巧巧读书 2006-03-12 进入讨论组

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

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

浏览地址: http://www.qqread.com/xml-soap/b872774601.html进入讨论组讨论。
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章