加载中…
个人资料
小杰克
小杰克
  • 博客等级:
  • 博客积分:0
  • 博客访问:14,496
  • 关注人气:5
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

XHTML 教程【⒊】XHTML 与 HTML 的区别

(2007-03-23 14:05:40)
标签:

www

html

xhtml

分类:        ·标记语言
为了 XHTML 做准备,你应该开始编写严格规范的 HTML 代码。
1)如何为 XHTML 准备?

XHTML 与 HTML 4.01 标准没有太大的不同。
所以,依照 HTML 4.01 标准编码是个好的开始。可以从我们的教程中得到相关帮助:HTML 4.01 手册
另外,从现在开始,你应该使用小写形式编写 HTML 代码,还有不要忽略结束标记(如 </p>)。
祝你编码顺利!

2)XHTML 主要不同点

  • XHTML 元素必须正确嵌套
  • XHTML 元素必须总是关闭(包含结束标记)
  • XHTML 元素必须使用小写形式
  • XHTML 文档必须有一个根元素 <html>

3)XHTML 元素必须正确嵌套

在 HTML 标准中,一些元素可以不正确规范地互相嵌套,就象下面这样:

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

在 XHTML 标准中,所有元素必须正确的互相嵌套,如:

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

提示:一个常见的错误,关于列表结束标记的错误,是忘记列表内部项目必须包括于标记 <li> 和 </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> 标记。

4)XHTML 元素必须关闭

非空元素必须包括一个结束标记。

下面是错误形式:

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

下面是正确形式:

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

5)空元素也需要关闭

空元素也必须包含一个结束标记,或者在开始标记的后面多加一个斜杠 / 。提倡增加结束标记而不是增加 / 。

下面是错误形式:

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" />

6)XHTML 元素必须小写

在 XHTML 标准规范中,规定了标记名和属性都需要使用小写形式。

下面是错误形式:

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

下面是正确形式:

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

7)XHTML 文档需要一个根元素 <html>

所有 XHTML 元素必须嵌套于根元素 <html> 中。所有其他的元素可以包含子元素(子类元素)。子元素必须是成对的并且嵌套于它的父元素中。
基本的文档结构如下:

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

说明
所谓子元素和父元素,是这样的一种关系:比如一个文档定义如下:

<p>示例文字<strong>强调文字</strong>示例文字</p>


其中<p>为<strong>的父元素,<strong>为<p>的子元素,父子关系一般可以认为是由嵌套先后顺序决定。


金桥翻译
    

文章引用自:http://www.w3schools.com/xhtml/xhtml_html.asp

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有