新闻正文

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

来源:     2007-8-25 09:59:06 网友评论 0 条 字体:[ ] ~我要投稿!
]

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

如何为XHTML做好准备

XHTML与HTML 4.01标准没有太多的不同。 字串2

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

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

字串7

祝您可以愉快地编码! 字串4

最主要的不同:

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

元素必须被正确地嵌套

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

<b><i>This text is bold and italic</b></i> 
字串8

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

字串1

<b><i>This text is bold and italic</i></b> 字串2 

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

字串3

这是错误的:

字串8

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul> 
字串4

这是正确的:

字串2

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul> 字串1 

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

XHTML元素必须被关闭

非空标签必须使用结束标签。 字串8

这是错误的: 字串8

<p>This is a paragraph
<p>This is another paragraph 字串2 

这是正确的: 字串7

<p>This is a paragraph</p>
<p>This is another paragraph</p> 
字串5

空标签也必须被关闭

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

这是错误的: 字串5

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

这是正确的:

字串8

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

XHTML元素必须小写

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

字串1

这是错误的: 字串5

<BODY>
<P>This is a paragraph</P>
</BODY> 字串9 

这是正确的:

字串6

<body>
<p>This is a paragraph</p>
</body> 
字串4

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

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

字串5

<html>
<head> ... </head>
<body> ... </body>
</html> 字串6 
用户名:新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
本栏搜索

  • Google 17Admin.Net
推荐新闻
关于本站 网站地图 Friefox Picasa 网站赚钱 联系方式  
Copyright 2006-2008 www.17admin.net All Rights Reserved
免责申明:一起站长吧(www.17admin.net)上的所提供文章和资源大部分来源于网络,为方便本人
及广大新手站长学习而收集整理而来。如有侵犯你的版权,请立即联系本站,本站将在3个工作日内删除 。