XHTML与HTML的区别 XHTML是什么 HTML是什么

HTML学习第七章---XHTML HTML学习第七章—XHTML 教材:Head First HTML与CSS 关于XHTML XHTML(eXtensible HTML)是HTML的新标准,以可扩展的标记语言XML为基础(HTML也是标记语言)。移动端网页采用XHTML格式(格式要求更严格,设备处理起来简单)。 维基百科: 可扩展超文本标记语言(英语:eXtensible HyperText Markup Language,XHTML),是一种标记语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HT 阅读详情
2006-07-25 10:30:24

你可以开始通过书写严密的HTML代码来为你的XHML之旅做好准备


怎样为XHTML做好准备

XHTML与HTML的区别并不是很大,因此熟悉HTML4.01标准代码对学习XHTML来讲非常有意义。W3S提供的HTML 4.01 参考可以帮助你熟悉它们

补充一下,你现在就应该开始习惯使用小写标签书写HTML代码,还有千万别漏掉结束标签。


最主要的区别:

  • 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元素必须被嵌在<html> 根元素之中。所有其它的元素可以有自己的子元素。位于父元素之内的子元素必须成对出现且使用正确的嵌套。文档的基本构架为:

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


标签必须使用小写

因为XHTML文档是XML应用产物,XML是区分大小写的,所以<br>和<BR>会被认为是两种不同的标签。

这就是错误的:

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

这才是正确的:

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

</body>


所有的XHTML元素都必须有始有终

非空元素必须得有结束标签

这是错误的写法:

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

这是正确的:

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


空标签也得关闭

空标签同样也得关闭,可以是在开始标签后加上/>

这是错误的写法:

This is a break<br>

Here comes a horizontal rule:<hr>
Here's an image <img src="happy.gif" alt="Happy face">

正确的是这样:

This is a break<br />

Here comes a horizontal rule:<hr />
Here's an image <img src="happy.gif" alt="Happy face" />

注意:为了使你的XHTML能够兼容目前的浏览器,你必须在/符号之加上一空格,如:<br />


这篇文章主要阐述 HTML 和 XHTML 的区别 。简单来说,XHTML 可以认为是 XML 版本的 HTML ,为符合 XML 要求,XHTML 语法上要求更严谨些。

以下是 XHTML 相对 HTML 的几大区别:

  • XHTML 要求正确嵌套
  • XHTML 所有元素必须关闭
  • XHTML 区分大小写
  • XHTML 属性值要用双引号
  • XHTML 用 id 属性代替 name 属性
  • XHTML 特殊字符的处理

XHTML 要求正确嵌套

以下是正确的嵌套:

<p>布啦布啦<strong>独树一帜</strong>。</p>

以下是错误的嵌套:

<p>布啦布啦<strong>独树一帜</p></strong>。

XHTML 所有元素必须关闭

=====天王盖地虎 宝塔镇河妖=====XHTML 里,应该写成:Javascript.

在 HTML 中 ,比如 <p>,<li> 这些标记,你可以不写 </p>,</li>,但 是在 XHTML 里,必须要求写关闭标记 (Closing Tag)。

比如:

<p>布啦布啦很认真。

=====天王盖地虎 宝塔镇河妖=====显然,如果浏览器做成这个样子,倒贴钱也是不会有人用的。

应该写成:

<p>布啦布啦很认真。</p>

处理空元素

有些空元素,在 XHTML 里的写法是在">"之前加空格和斜杠。比如<br>,应该写成<br />。

以下是空元素的例子:

<br />

<hr />

<img src = "/images/adpics/1/b027.jpg" alt = "blabla" / >

<link rel="stylesheet" href="/styles/blabla.css" type="text/css " />

<meta http-equiv="content-type" content ="text/html; charset=UTF -8" / >

XHTML 区分大小写

HTML 不区分大小写,但是 XHTML 是区分大小写的。

XHTML 的所有标记和属性都要小写。

比如:

<IMG SRC = "/images/adpics/1/b027.jpg" Alt = "blabla" / >

应该写成:

<img src = "/images/adpics/1/b027.jpg" alt = "blabla" />

XHTML 属性值要用双引号

HTML 并不强制要求属性值加双引号。比如 你可以写:

<table cellspacing = 0>

<input checked>

但在 XHTML 里,应该写成:

<table cellspacing = "0">

<input checked = "checked " />

XHTML 用 id 属性代替 name 属性

HTML 很多元素 ,比如 a,applet,frame,iframe,img 和 map,有 name 属性。在 XHTML 里是要废除的,而用 id 属性取而代之。

比如:

<img src="blabla.gif" name="blabla logo" />

应该写成:

<img src="blabla.g if" id ="blabla logo" />

XHTML 特殊字符的处理

& 应该在 XHTML 里应该写成 &amp;。

比如:

You & Me

应该写成:

You &amp; Me

=====天王盖地虎 宝塔镇河妖=====XHTML 里应该写成 &amp!

还有如果内嵌 Javascript 代码,在 XHTML 里则应该写成:

<script type="text/javascript">//<![CDATA[

...

//]]></script>

浏览器的角度

以上是从协议标准的角度来看待这个问题的。如果从浏览器的角度来看待这个问题,情况就有所 不同。

=====天王盖地虎 宝塔镇河妖=====标准要求浏览器 不再支持原先的容错能力,这 是一个标准制定者走火入魔的典型例子。

考虑一下,如果把 XHTML 写得很不严格,浏览器会怎么做?是不是会弹出一个对话框,写着“这个网站的开发人员技术不过关,写的不是正宗的 XHTML 文件,咱不显示”?显然,如果浏览器做成这个样子,倒贴钱也是不会有人用的。

从浏览器的角度看待上面几个不同,大致是下面的测试结果(IE和Firefox我都测试过):

  • XHTML 要求正确嵌套 :如果你没有嵌套,浏览器会试图帮你嵌套。
  • XHTML 所有元素必须关闭:如果你没有关闭,浏览器会试图帮你关闭。
  • XHTML 区分大小写:你非要写成大写,浏览器帮你转换成为小写。
  • 属性值要用双引号:你非要不肯加,浏览器帮你加。
  • 特殊字符的处理:You & Me 也好,You &amp; Me 也好,浏览器都能读入。
  • 用 id 属性代替 name 属性:你非要用 name 也可以 。

如果你在文档开始用 DocType 指定为 XHTML 了,有一点需要注意 。在给 Tag 用 class 指定CSS 的时候,是区分大小写的。例如,你定义了一个CSS如下 ,

<style>
.hello { ...... }
</style >

而你使用的时候写成,

<p class="Hello "> ......

那这个CSS 是不会被使用的。要积极的看待这个问题 ,这让你可以用更多的名字来命名 Style,是一个好事。

XHTML 标准的前途

从标准制定者的初衷看,制定 XHTML 标准是试图把 HTML 规范成为严格的 XML 格式,这样无可避免的会导致一个结果,就是从 HTML 到 XHTML 的升级导致标准的容错能力降低了 。把自己的网页源文件写得严格一点当然是好事,但是一个标准 不可能去要求浏览器降低自己的容错能力。

XHTML 1.0 标准是兼容 HTML 4.01,是个不错的协议,可以让开发者在编写代码的同时通过一些工具来检查代码的合法性,虽然对于用户而言,制作出来的网页和 HTML 4.01 相比实在没有什么不同。对于你写新的网页来说,使用 XHTML 1.0 还是一个不错的选择。

XHTML 1.1 标准要求浏览器不再支持原先的容错能力,这是一个标准制定者走火入魔的典型例子,这个标准从学术上说非常纯净,但是对于浏览器而言,则是个呆板、笨拙、不 可理喻的标准。所以目前所有由人类开发的浏览器都没有遵照所谓纯净的 XHTML 1.1的标准,你的代码只要浏览器能读懂,他都会很好的显示出来,而不跳出弹框报错。

从发展的趋势来看,一个标准没有浏览器服从,等于是没有意义的标准 。从浏览器的实现角度来看,新的协议只能在原来 HTML 的基础上扩大能力增加容错,而不能缩小了能力减少容错。所以新的协议中 ,只有扩大能力增加容错的部分会被采纳,而其他部分都仅仅 是纸上谈兵而已 。

 


HTML、XHTML 和 XML区别 阅读详情

相关推荐

HTML、XHTML、XML 有什么区别?

定义:HTML 是用于创建网页的标准标记语言。用途:主要用于网页的结构和内容展示。特性允许不闭合的标签(如<br>和<img>标签和属性不区分大小写。HTML:用于网页的标准标记语言,语法宽松。XHTML:HTML 的严格版本,遵循 XML 规则,适合结构化网页。XML:用于数据存储和交换的标记语言,具有高度的可扩展性和自定义性。

qq_38822390的博客 576

HTML与XHTML

XHTML 是以 XML 格式编写的 HTML。XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持本节学习了一种新的语法格式:XHTML,是由XML和HTML结合的一种形式。我们可以通过下面的网站简要做20道题测试一下是否掌握:传送门——开始 XHTML 测验。

Vec_Kun的博客 843

从零到一:ASTER L2数据获取的实战避坑指南

本文提供了一份详细的ASTER L2数据获取实战指南,涵盖账号注册、环境配置、数据检索、下载故障排除及后处理等关键步骤。特别针对NASA EarthData平台的隐形门槛和常见陷阱,给出了实用解决方案,帮助科研新手高效获取地表温度数据,适用于环境监测和城市热岛效应分析等领域。

weixin_29061425的博客 519

xhtml和html有什么区别

一、其基础语言bai不同 1、XHTML是基du于可扩展标记zhi语言(daoXML)。 2、HTML是基于标准通用标记语言(SGML)。 二、语法严格程度不同 1、XHTML语法比较严格,存在DTD定义规则。 2、HTML语法要求比较松散,这样对网页编写者来说,比较方便。 三、可混合应用不同 1、XHTML可以混合各种XML应用,比如MathML、SVG。 2、HTML不能混合其它XML应用。 四、大小写敏感度不同 1、XHTML对大小写敏感,标准的XHTML标签应该使用小写。 2、HTML对大小写不敏感

abbb5的博客 5312

【SpringBoot 3.x 第92节】Spring Modulith:构建模块化单体架构(基于 Spring Boot 3),一文带你搞透(超详细)!

🏆本文收录于《滚雪球学SpringBoot 3.x》,专门攻坚指数提升,本年度国内最系统+最专业+最详细(永久更新)。    该专栏致力打造最硬核 SpringBoot3 从零基础到进阶系列学习内容,🚀均为全网独家首发,打造精品专栏,专栏持续更新中…欢迎大家订阅持续学习。 如果想快速定位学习,可以看这篇【SpringBoot3教程导航帖】,你想学习的都被收集在内,快速投入学习!!两不误。

**My Coding Family** 998

基础入门篇 | YOLOv8 项目【训练】【验证】【推理】最简单教程 | YOLOv8必看 | 最新更新,直接打印 FPS,mAP50,75,95

三个文件搞定YOLOv8【训练】【验证】【推理】🚀🚀🚀

Coding... 2万+

什么是 XHTML?

, 和 元素也必须存在,并且必须使用 中的 xmlns 属性为文档规定 xml 命名空间。小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。图片: 这是一个不规范的 HTML粗体和斜体文本

Free雅轩的博客 2771

hwasan实例分析踩内存之一:camx进程stack tag-mismatch的三种解决方案

hwasan实例分析踩内存之一:camx进程stack tag-mismatch的三种解决方案。

1291

html和 xhtml的区别

一、基础语言不同 1、HTML基于标准通用标记语言(SGML) 2、XHTML基于可扩展标记语言(XML) 二、语法的严格程度不同 1、XHTML语法比较严格,存在DTD定义规则 2、HTML语法比较松散,对于网页编写者比较方便 三、可混合应用不同 1、XHTML可以混合各种XML应用,比如说MathML,SVG等 2、HTML不能混合其他的XML应用 四、大小写敏感程度不同 1、XHTML对大小写敏感,标准的XHTML都使用小写 2、HTML对大小写不敏感 五、语言公布的时间不同 1、XHTML是2000

千里之行,始于足下! 3470

零基础教你学RDMA驱动开发--第8篇:队列对(QP)、完成队列(CQ)与工作请求(WR)机制剖析

本文深入剖析了RDMA(远程直接内存访问)中的核心机制:队列对(QP)、完成队列(CQ)和工作请求(WR)。QP作为通信端点包含发送队列(SQ)和接收队列(RQ);WR是用户提交的操作指令,转换为工作队列元素(WQE)后由网卡异步执行;CQ则提供完成通知机制。文章详细介绍了三者的协作原理,包括QP状态机、WR提交方式、CQ轮询机制,以及关键的信号控制技术(Signaled Mode)来优化性能。同时对比了SEND/RECV和RDMA WRITE两种模式的差异,提供了调试技巧和最佳实践。这些机制共同构成了RD

amy_mhd的博客 156

指纹浏览器降维打击(下):Cloudflare Turnstile 与 hCaptcha 的底层交互逻辑

本文将深度拆解:Turnstile 与 hCaptcha 的 Iframe 沙箱通信机制,动态混淆 JS 与 PoW(工作量证明)的物理破解法则,以及如何通过 C++ 底层事件合成与环境基因强绑定,实现验证码的“无感过验”。

数据知道的博客 421

html5跟xhtml,HTML、XHTML和HTML5区别与联系

1、XHTML与HTML最大的区别:① XHTML标签名必须小写(错误: 正确:)② XHTML元素必须被关闭(错误: 正确:③ XHTML元素必须被正确的嵌套(错误:④ XHTML元素必须要有根元素(必须包含)2、XHTML与HTML5区别:① HTML5新增了canvas绘画元素② HTML5新增了用于绘媒介回放的video和audio元素③ 更具语义化的标签,便于浏览器识别④ 对本地离线存...

weixin_39996750的博客 987

(五)C++自制植物大战僵尸游戏LoadingScene的实现讲解

游戏启动后就会立即切换到游戏加载场景中。只有游戏资源文件加载完成后,才能进入游戏。Loadingscene类继承Cocos2d-x中的Scene父类,表明Loadingscene是一个场景类。切换到LoadingScene场景中,首先会创建该场景,会调用函数,在该函数中调用自己定义的方法实现指定功能。代码文件的位置如下图所示。

尔灵尔亿的博客 2006

HTML & XHTML & HTML5区别

XHTML,全称“EXtensible HyperText Mark-up Language(扩展的超文本标记语言)”,它是XML风格的HTML4.01,我们可以称之为更严格、更纯净的HTML4.01。因此,为了让机器更好地处理HTML,才在HTML的基础上引入了XHTML。HTML指的是HTML4.01,XHTML是XML风格的HTML4.01,它是HTML的过渡版本。HTML,全称“HyperText Mark-up Language(超文本标记语言)”,它是构成网页文档的主要语言。

xiangxiongfly 1481

linux系统中实现智能家居的基本方法

使用QT开发智能家居中的一个物联应用,通过云服务器远程控制设备与设备进行通信。在生活中,可以使用WIFI智能插座控制电器开关,比如远程开启热水器,远程打开空调,窗帘等等。包括:WIFI联网,注册到云服务器上,编写QT UI通过网络来与云服务器通信,然后再下发指令到这个连网的设备。硬件说明:需要有一个串口转WIFI模块,另外需要加上一个USB-TTL模块,外加一根T口USB连接线,可接入PC电脑调试。

嵌入式技术开发 2608

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

HTML与XHTML区别

HTML与XHTML区别 HTML称为超文本标记语言Hyper Text Markup Language,是一种标识性的语言。XHTML称为扩展超文本标记语言Extensible HyperText Markup Language,同样是一种标识性的语言,表现方式与HTML类似,不过语法上更加严格。从关系上讲,HTML是基于标准通用标记语言SGML的应用,XML是SGML的一个子集,而XHTML则基于XML。 语言基础 XHTML基于可扩展标记语言XML。 HTML基于标准通用标记语言SGML。 语法严

WindRunnerMax 1612

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

HTML与XHTML有哪些区别?

HTML语言和XHTML有什么区别? HTML(文本标记语言)是英文HyperText Markup Language的简称,用于创建网页的标准标记语言,html并不是编程语言,HTML 运行在浏览器上由浏览器来解析翻译给网站访客,它是建设网站的基础。Html5代表了下一代html的发展,html5功能已经很强大。 XHTML(可扩展标识语言)是The Extensible Markup La...

高先生的猫 1120

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

Dhtml,html,xhtml的区别

Dhtml是在静态html的基础上综合和其它动态的技术而成的网页技术;DHTML=HTML+CSS+JAVASCRIPT+DOMHTML则是纯粹的静态网页技术XHTML则是在HTML中加入了xml的规范,是HTML向XML过渡的一种技术,添加了xml的文档类型定义(DTD)和命名空间的定义 ,增强了html的标签;从HTML转向XHTML并不难。XHTML区别于HTML的规则如下: 1

cesium的专栏 6787

XHTML和HTML的区别

因为Wap2.0使用XHTML语言并兼容WML,以下是网上找的XHTML和HTML的区别XHTML相比于HTML  1.所有的标记都必须要有一个相应的结束标记  以前在HTML中,你可以打开许多标签,例如和而不一定写对应的  和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如:    2.所有标签

lumos的专栏 690

HTML与XHTML的区别?

HTML语言和XHTML有什么区别? HTML(文本标记语言)是英文HyperText Markup Language的简称,用于创建网页的标准标记语言,html并不是编程语言,HTML 运行在浏览器上由浏览器来解析翻译给网站访客,它是建设网站的基础。Html5代表了下一代html的发展,html5功能已经很强大。 XHTML(可扩展标识语言)是The Extensible Markup La...

高先生的猫 439

XML,HTML,XHTML之间的区别

我们先来说说XML的定义 XML的定义 XML 被设计用来传输和存储数据。 XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 ...

weixin_45846980的博客 1438

HTML、XHTML和HTML5区别和概念

1:HTML与XHTML HTML全称为“HyperText Mark-up Language”(超文本标记语言),通常的HTML是指HTML4.01. XHTML全称为“Extensible HyperText Mark-up Language”(扩展的超文本标记语言)它是XML风格的HTML4.01, 比起HTML它更加严格,更加纯净。 ...

时间识人的博客 2301

Html与xhtml的区别

Html与xhtml的区别 XHTML与HTML的主要区别如下:   1、XHTML要求正确嵌套     错误:XHTML文档与HTML的主要区别     正确:XHTML文档与HTML的主要区别   2、XHTML所有元素必须关闭     在HTML下某些原始可以单独使用,如标记,可以不写。但在XHTML下,要求必须写关闭标记。      错误:XHTML与HTML的主要区别

dcclove的博客 517

HTML与XHTML有什么区别?

HTML与XHTML有什么区别? 其基础语言不同 1、XHTML是基于可扩展标记语言(XML)。 2、HTML是基于标准通用标记语言(SGML)。 语法严格程度不同 1、XHTML语法比较严格,存在DTD定义规则。 2、HTML语法要求比较松散,这样对网页编写者来说,比较方便。 可混合应用不同 1、XHTML可以混合各种XML应用,比如MathML、SVG。 2、HTML不能混合其它XML应用。 大小写敏感度不同 1、XHTML对大小写敏感,标准的XHTML标签应该使用小写。 2、HTML对大小写不敏感。

sunlando的博客 4660

HTML 与 XHTML 二者有什么区别

HTML 与 XHTML 二者有什么区别,你觉得应该使用哪一个并说出理由。 HTML 与 XHTML 之间的差别,主要分为功能上的差别和书写习惯的差别两方面。 关于功能上的差别,主要是 XHTML 可兼容各大浏览器、手机以及 PDA,并且浏览器也能快速正确地编译网页。 由于 XHTML 的语法较为严谨,所以如果你是习惯松散结构的 HTML 编写者,那需要注意 XHTML 的规则。 下面列出了几条容易犯的错误,供理解。 所有标签都必须小写 在 XHTML 中,所有的标签都必须小写,不能大小写穿插其中,也

weixin_62548988的博客 1042
上一篇: PHP中 ADOdb 类库介绍
下一篇: web标准必备的HTML/XHTML基础
suacker
博客等级 码龄24年 46粉丝 19原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值