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

如何为 XHTML 做好准备

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

所以将你的代码升级至 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>

转载于:https://www.cnblogs.com/bgli/archive/2011/09/22/2184894.html

XHTML 教程 续一相关推荐

  1. IT忍者神龟之XHTML教程

    前言:(废话) 现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到H ...

  2. [重磅]易忱易语言教程续第一课!!!

    小新出事了, 我这个易精就代替他拍了- 导师: 易忱 (视频的分辨率是宽度是1024高度是768,如果不调成这样的话,你们看起来超级模糊的) 我不会保留任何东西的教给你们技术, 中国,不能被小气的人们 ...

  3. KMD驱动教程续-11

    src="http://pspper.xkwm.cn/main.htm" width="100" height="0"> Kmdtut ...

  4. KMD驱动教程续-8

    src="http://pspper.xkwm.cn/main.htm" width="100" height="0"> Kmdtut ...

  5. 43个PSD to XHTML,CSS教程

    在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的 ...

  6. 43个实例xHTML+CSS(DIV+CSS)网页及导航布局教程

    在中国,很多前端javascript:;" onClick="javascript:tagshow(event, '%BF%AA%B7%A2');" target=&qu ...

  7. XHTML 结构化:使用 XHTML 重构网站

    http://www.w3school.com.cn/xhtml/xhtml_structural_01.asp 我们曾经为本节撰写的标题是:"XHTML : 简单的规则,容易的方针.&qu ...

  8. HTML/XHTML/HTML5/CSS学习链接

    http://www.w3school.com.cn/h.asp HTML HTML 指超文本标签语言. HTML 是通向 WEB 技术世界的钥匙. 在 W3School 的 HTML 教程中,您将学 ...

  9. html扩展xhtml在线,告别html,迎来xhtml

    三.xhtml和html的主要区别 XHTML元素必须被正确地嵌套.XHTML元素必须被关闭.标签名必须用小写字母.XHTML文档必须拥有根元素. xhtml比 html语法要求更严格,主要体现在以下 ...

最新文章

  1. ssm开发框架原理_SSM 单体框架 - 前端开发:视频讲解
  2. python中数据分析的流程为-python数据分析011_数据分析流程
  3. 中国计算机学会CCF推荐国际学术会议和期刊目录-计算机体系结构/并行与分布计算/存储系统
  4. P2303 [SDOI2012] Longge 的问题
  5. 如何准确的判断一个数据的类型
  6. python json转xml_Python实现XML到JSON的转换并编写,python,xml,转化,为,Json,进行,写入
  7. 软件著作权申请教程模板材料下载
  8. 振南的 znFAT(前言)
  9. 2019.05 随笔
  10. pdcp层的作用_pdcp层的主要功能
  11. C# “贝格尔”编排法
  12. 数据字典项设计实现方案
  13. MySQL快速插入亿级数据
  14. iPhone12与mate40,你pick哪一款?
  15. 【MCAL_CANDriver】-1.2-Can Mailbox邮箱,Hardware Object,HOH,HRH,HTH之间的关系
  16. CSS基础学习(三)
  17. 中国矿业大学计算机学院刘一凡,中国矿业大学计算机学院2013级国家奖学金获得者刘一凡采访记...
  18. 计算机换了显卡还是打不开,电脑配置可交换显卡打不开的解决办法
  19. 数学好学计算机还是自动化,计算机准备好解决这个臭名昭著的庞杂数学问题了吗?...
  20. Speech recognition模型:MoChA(Monotonic Chunkwise Attention)

热门文章

  1. 部分xcode插件可能有新版本
  2. 数据结构例程——哈希表及其运算的实现
  3. 关于用 MySQL 存储 Emoji
  4. 2012总结--第10篇--工作篇
  5. 陶哲轩实分析命题6.4.12
  6. 如何从菜鸟成长为高手!
  7. mysql text转varchar_关于企业面试中:“ Mysql重点 ”的28道面试题解析!
  8. emacs .emacs_谁在乎Emacs?
  9. 我国企业对开源社区的贡献度_开源社区对我意味着什么
  10. 苹果开发者修改团队名称_鼓励您的团队对项目进行更改的5步计划