当前位置:首页 >> 站长天地 >> 网页制作 >> 内容

用代码来学习XHTML与HTML之间的差异

时间:2008-10-6 10:25:00 栏目:网页制作 点击: 来源:不详

 [网页制作]-本文简要:通过开始编写严格的HTML,你可以为XHTML做好准备。如何为XHTML做好准备XHTML与HTML 4.01标准没有太多的不同。内容来自中国站长资讯网(www.chinahtml.com)所以将你的代码升级至4.01是个不错的开始。HTML 4.01参考手册会帮助你做到这一点。另外,你应该马上就用...
D6电脑网 (d6pc.com): 用代码来学习XHTML与HTML之间的差异-网页制作

通过开始编写严格的HTML,你可以为XHTML做好准备。

如何为XHTML做好准备

XHTML与HTML 4.01标准没有太多的不同。内容来自中国站长资讯网(www.chinahtml.com)

所以将你的代码升级至4.01是个不错的开始。HTML 4.01参考手册会帮助你做到这一点。

另外,你应该马上就用小写字母编写HTML代码,同时绝不要养成忽略类似</p>标签的坏习惯。

祝您可以愉快地编码!

最主要的不同:

  • XHTML元素必须被正确地嵌套。
  • XHTML元素必须被关闭。
  • 标签名必须用小写字母。
  • XHTML文档必须拥有根元素。

元素必须被正确地嵌套

在HTML中,某些元素可以像这样彼此不正确地嵌套:

<b><i>This text is bold and italic</b></i>

在XHTML中,所有的元素必须像这样彼此正确地嵌套:

<b><i>This text is bold and italic</i></b>

提示:在嵌套列表中一个容易犯的错误,是忘记内部列表必须位于li元素中,就像下面这样:

这是错误的:

<ul>  <li>Coffee</li>  <li>Tea    <ul>      <li>Black tea</li>      <li>Green tea</li>    </ul>  <li>Milk</li></ul>

这是正确的:

<ul>  <li>Coffee</li>  <li>Tea    <ul>      <li>Black tea</li>      <li>Green tea</li>    </ul>  </li>  <li>Milk</li></ul>

注意:在正确代码的例子中,我们在</ul>之后插入了一个</li>标签。

XHTML元素必须被关闭

非空标签必须使用结束标签。

这是错误的:

<p>This is a paragraph<p>This is another paragraph

这是正确的:

<p>This is a paragraph</p><p>This is another paragraph</p>

空标签也必须被关闭

空标签也必须使用结束标签,或者其开始标签必须使用/>结尾。

这是错误的:

A break: <br>A horizontal rule: <hr>An image: <img src="happy.gif" alt="Happy face">

这是正确的:

A break: <br />A horizontal rule: <hr />An image: <img src="happy.gif" alt="Happy face" />

XHTML元素必须小写

XHTML规范定义:标签名和属性对大小写敏感。

这是错误的:

<BODY><P>This is a paragraph</P></BODY>

这是正确的:

<body><p>This is a paragraph</p></body>

XHTML文档必须拥有一个根元素

所有的XHTML元素必须被嵌套于<html>根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套于其父元素之中。基本的文档结构如下:

<html><head> ... </head><body> ... </body></html>



D6电脑网|电脑学习,电脑维修,电脑技术网;
设电脑学习,电脑入门,电脑技术,电脑教程,电脑维修,硬件知识,
网页设计建站,桌面壁纸,主题下载,WIN7下载,常用软件下载等栏目。感谢您的支持!
栏目:网页制作 作者:佚名 来源:不详
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
本类推荐
  • 没有
本类固顶
  • 没有
网友推荐
链接申请
  • D6电脑网(www.d6pc.com) © 2018 版权所有 All Rights Reserved.
  • 本站为纯技术学习交流型网站,部分资源来源网络,仅供学习交流,版权归原作者,本站仅为转载,如有侵犯您的利益请联系我们删除.谢谢!
    关于D6电脑学习网 广告合作 419807867@QQ.COM 联系站长 网站地图 粤ICP备09035016号
  • 摆脱浅薄和低俗的最好办法就是学习,我们加油!D6PC! V3.0