XHTML语法介绍和用法详解 _XHTML语法

本文概述

DOCTYPE声明
标签必须小写
结束标签是强制性的
属性引号
属性最小化
id属性
语言属性
嵌套标签
元素禁止

XHTML语法与HTML语法非常相似, 所有有效的HTML元素在XHTML中也有效。但是XHTML区分大小写, 因此在编写XHTML文档时必须格外注意, 以使HTML文档符合XHTML。
在编写新的XHTML文档或将现有的HTML文档转换为XHTML文档时, 你必须记住以下要点：

所有文档必须具有DOCTYPE。
所有标签必须小写。
所有文件必须正确形成。
所有标签必须关闭。
必须正确添加所有属性。
名称属性已更改。
属性不能缩短。
所有标签必须正确嵌套。

DOCTYPE声明所有XHTML文档的开头都必须包含DOCTYPE声明。 DOCTYPE声明有三种类型：

严格
过渡性的
车架

这是使用DOCTYPE的示例。

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

标签必须小写XHTML是区分大小写的标记语言。因此, 所有XHTML标记和属性都必须以小写形式编写。

< !-- Invalid in XHTML --> < A Href="http://www.srcmini.com/xhtml/xhtml_tutorial.html"> XHTML Tutorial< /A> < !-- Valid in XHTML --> < a href="http://www.srcmini.com/xhtml/xhtml_tutorial.html"> XHTML Tutorial< /a>

结束标签是强制性的XHTML必须具有等效的结束标记。即使是空元素也应具有结束标记。让我们来看一个例子：

< !-- Invalid in XHTML --> < p> This paragraph is not written according to XHTML syntax.< !-- Invalid in XHTML --> < img src="http://www.srcmini.com/images/xhtml.gif" > < !-- Valid in XHTML --> < p> This paragraph is not written according to XHTML syntax.< /p> < !-- Valid in XHTML--> < img src="http://www.srcmini.com/images/xhtml.gif" />

属性引号所有XHTML属性的值都必须加引号。否则, 你的XHTML文档被视为无效文档。
请参阅以下示例：

< !-- Invalid in XHTML --> < img src="http://www.srcmini.com/images/xhtml.gif" width=250 height=50 /> < !-- Valid in XHTML --> < img src="http://www.srcmini.com/images/xhtml.gif" width="250" height="50" />

属性最小化XHTML不允许你最小化属性。你必须明确声明属性及其值。
请参阅以下示例：

< !--Invalid in XHTML --> < option selected> < !-- valid in XHTML--> < option selected="selected">

HTML中的最小化属性列表以及你需要在XHTML中编写它们的方式。

HTML样式	XHTML样式
compact	compact=” compact”
checked	checked=” checked”
declare	declare=” declare”
readonly	readonly=” readonly”
disabled	disabled=” disabled”
selected	selected=” selected”
defer	defer=” defer”
ismap	ismap=” ismap”
nohref	nohref=http://www.srcmini.com/” nohref”
noshade	noshade=” noshade”
nowrap	nowrap=” nowrap”
multiple	multiple=” multiple”
noresize	noresize=” noresize”

id属性id属性用于替换name属性。 XHTML更喜欢使用id =” id” , 而不是使用name =” name” 。
请参阅以下示例：

< !-- Invalid in XHTML --> < img src="http://www.srcmini.com/images/xhtml.gif" name="xhtml_logo" /> < !-- Valid in XHTML --> < img src="http://www.srcmini.com/images/xhtml.gif" id="xhtml_logo" />

语言属性在XHTML中, 不推荐使用script标签的language属性, 因此你必须使用type属性来代替。
请参阅以下示例：

< !-- Invalid in XHTML --> < script language="JavaScript" type="text/JavaScript"> document.write("Hello XHTML!"); < /script> < !-- Valid in XHTML --> < script type="text/JavaScript"> document.write("Hello XHTML!"); < /script>

嵌套标签【XHTML语法介绍和用法详解】XHTML标签必须正确嵌套。否则, 你的文档被认为是不正确的XHTML文档。
请参阅以下示例：

< !-- Invalid in XHTML --> < b> < i> This text is bold and italic< /b> < /i> < !-- Valid in XHTML --> < b> < i> This text is bold and italic< /i> < /b>

元素禁止以下元素不允许内部包含任何其他元素。这适用于所有降序元素。

Element	Prohibition
< a>	它不能包含其他< a> 元素。
< pre>	它不能包含< img> , < object> , < big> , < small> , < sub> 或< sup> 元素。
< button>	它不能包含< input> , < select> , < textarea> , < label> , < button> , < form> , < fieldset> , < iframe> 或< isindex> 元素。
< label>	它不能包含其他< label> 元素。
< form>	它不能包含其他< form> 元素。