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

xhtml

通过开始编写严格的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="http://www.webjx.com/htmldata/2007-06-19/happy.gif" alt="Happy face">

这是正确的:

A break: <br />A horizontal rule: <hr />An image: <img src="http://www.webjx.com/htmldata/2007-06-19/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
, 元素
, 小写
, 何为XHTML??
, 正确
必须
,以便于您获取更多的相关知识。

时间: 2024-11-18 02:56:31

用代码来学习XHTML与HTML之间的差异的相关文章

c++-用C++ 写代码,将QQ微信微博之间绑定并共享好友等,是什么思路与理念呢?

问题描述 用C++ 写代码,将QQ微信微博之间绑定并共享好友等,是什么思路与理念呢? 用C++ 写代码,将QQ微信微博之间绑定并共享好友等,是什么思路与理念呢? 解决方案 几乎不可能 TX不会给你机会拉好友信息的 解决方案二: 服务器同步数据.微信可以通过qq注册的.

c语言-求帮助写一个代码 刚学习数据结构 实在是搞不懂 求大神帮忙谢谢

问题描述 求帮助写一个代码 刚学习数据结构 实在是搞不懂 求大神帮忙谢谢 好心人帮忙翻译好了 求大神帮忙写一下代码 谢谢大家了 解决方案 你的需求,要至少4000C币,你给的100太少了 解决方案二: http://blog.csdn.net/qq_31766907/article/details/50331951这个链接,你看看,或许能帮到你.

android 代码实现学习中艾宾浩斯遗忘曲线算法

问题描述 android 代码实现学习中艾宾浩斯遗忘曲线算法 有没有关于Android开发学习软件中,实现关于记性.复习使用艾宾浩斯遗忘曲线的?求解? 解决方案 参考:http://baike.baidu.com/link?url=8ugxF94oSkAptHnqVRhIjNRQwQKYkWAcCLysn1Cs0lXRpihSgdMEgQ8YwtK1wEnmyGMTVYfcNlIjbkmF6OnPTTffPyPuJUGdtfcuxtGZPjcALtDuWuyiQkhnJFNr0PeSt74mnO

javascript判断是否按回车键并解决浏览器之间的差异_javascript技巧

复制代码 代码如下: <li class="item pin"> <span class="overlabel" style="display: block;">请输入验证码</span> <input type="text" class="txt" id="checkNum" name="checkNum" maxlengt

谈谈网站与网站之间的差异

中介交易 SEO诊断 淘宝客 云主机 技术大厅 前段时间我撰写了一篇<戏说网络公司与中小企业的博弈>的文章,简单描述了金融危机前后网络公司与中小企业博弈的变化,宏观国际市场的变化直接影响未来网络营销市场的格局.中小企业对网站和网络营销赋予的期望值大大提升,从而促使需要更高质量,更高技术标准的网络公司逐步走俏市场.实在的网站效果是衡量网站价值的唯一指标,同样企业在网络营销的投入将水涨船高,逐渐趋向到价格等于价值,高品质营销型网站 = 高投入 = 高回报. 前几天一个很好的朋友让我帮忙修改一个企业

link环境下制作一款《订餐软件》,门店之间的差异数据,如同统一规格化

问题描述 link环境下制作一款<订餐软件>,门店之间的差异数据,如同统一规格化 link环境下制作一款<订餐软件>,门店之间的差异数据,如同统一规格化?数据的融合是怎么做到的? 解决方案 不同的数据的统一一个是表格形式的统一,一个是参数规格的统一,这些都要详细在文档中写清楚. 解决方案二: 问问问题也就可以了,这个还是自食其力吧

《机器人爱好者(第2辑)》——警用、安保和军用机器人之间的差异

警用.安保和军用机器人之间的差异 人们可能会认为,这3种类型的机器人可以互换使用,然而事实并非如此.典型的警用机器人可能会在连续充电的几个月内保持锁定状态,直到将其派上用场.警用机器人必须能够承受崎岖地形以及被犯罪嫌疑人粗暴对待的考验,可能还要配备用于处理疑似炸弹或不明物体的机械手臂.它通常由经过培训的人员远程操作,还应具备卓越的高清视觉系统. 安保机器人经常在白天或夜间工作,而且必须是连续运行.这种机器人类似于图5所示的IAI Guardium,这个高尔夫球车大小的自主装置正在对机场进行巡逻.

git 对比两个commit 之间的差异

git 对比两个commit 之间的差异 比较两个版本之间的差异 git diff commit-id-1 commit-id-2 > d:/diff.txt 结果文件diff.txt中: "-"号开头的表示 commit-id-2 相对 commit-id-1 减少了的内容. "+"号开头的表示 commit-id-2 相对 commit-id-1 增加了的内容.

学习Xhtml+CSS2的一些心得体会_CSS/HTML

自从W3C搞了一个Xhtml1.0的标准之后,很多网站都开始用之将站点重构,像yahoo,163,CSDN等,近来一段时间Xhtml+CSS2的热潮更是一浪高过一浪,所以偶也开始学起了,慢慢的就爱上他们了,现在谈一谈最近一段时间来的学习体会.    为什么要学Xhtml+CSS2   首先,规范的代码能在各种浏览器中顺利显示.   一些不规范代码的网页在IE下能正常显示的,在Firefox和Opera上可能就无法正常显示.虽然现在浏览器的主流是IE以及以IE为内核的各种浏览器,但不排除Firef