学习XHTML和HTML之间的区别

来源:网页教学网 时间:2007-08-22 11:02:00 

如何为XHTML做好准备,XHTML与HTML 4.01标准没有太多的不同。所以将你的代码升级至4.01是个不错的开始。HTML 4.01参考手册会帮助你做到这一点。另外,你应该马上就用小写字母编写HTML代码,同时绝不要养成忽略类似</p>标签的坏习惯。  祝您可以愉快地编码! 

最主要的不同:

1.XHTML元素必须被正确地嵌套。

2.XHTML元素必须被关闭。

3.标签名必须用小写字母。

4.XHTML文档必须拥有根元素。

5.元素必须被正确地嵌套

在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> 


标签:XHTML,HTML,区别
0
投稿

猜你喜欢

  • 深底色页面设计指南[译]

    2009-08-06 18:16:00
  • Python3.10的一些新特性原理分析

    2023-06-17 06:35:10
  • JavaScript性能优化小技巧,创建文档碎片

    2010-03-31 18:27:00
  • python删除列表内容

    2023-05-23 02:47:49
  • 详解scratch3.0二次开发之scratch-blocks中的blocks的类型、定义和使用方法

    2023-10-18 06:02:09
  • python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例

    2021-05-05 15:44:10
  • 在IE浏览器下面指定表单编码方式

    2009-10-02 16:47:00
  • python中opencv图像叠加、图像融合、按位操作的具体实现

    2023-11-11 21:39:21
  • Python基于xlrd模块处理合并单元格

    2023-08-28 21:10:49
  • 利用Python实现端口扫描器的全过程

    2021-07-08 01:25:32
  • pymysql 插入数据 转义处理方式

    2024-01-23 08:43:29
  • AES算法 asp源码

    2009-08-28 13:05:00
  • pyautogui自动化控制鼠标和键盘操作的步骤

    2022-04-29 21:35:14
  • python基础之错误和异常处理

    2021-07-28 05:46:15
  • mysql 列转行的技巧(分享)

    2024-01-18 09:54:13
  • python脚本使用阿里云slb对恶意攻击进行封堵的实现

    2021-11-20 16:32:07
  • 多表关联同时更新多条不同的记录方法分享

    2011-11-03 17:34:25
  • python使用 __init__初始化操作简单示例

    2023-04-22 16:25:47
  • Python解析pcap文件示例

    2023-05-16 00:08:45
  • python实现画五角星和螺旋线的示例

    2021-08-30 12:08:51
  • asp之家 网络编程 m.aspxhome.com