个性化阅读
专注于IT技术分析

XHTML语法介绍和用法详解

本文概述

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="/xhtml/xhtml_tutorial.html">XHTML Tutorial</A>
<!-- Valid in XHTML -->
<a href="/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="/images/xhtml.gif" >
<!-- Valid in XHTML -->
<p>This paragraph is not written according to XHTML syntax.</p>
<!-- Valid in XHTML-->
<img src="/images/xhtml.gif" />

属性引号

所有XHTML属性的值都必须加引号。否则, 你的XHTML文档被视为无效文档。

请参阅以下示例:

<!-- Invalid in XHTML -->
<img src="/images/xhtml.gif" width=250 height=50 />
<!-- Valid in XHTML -->
<img src="/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=”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="/images/xhtml.gif" name="xhtml_logo" />
<!-- Valid in XHTML -->
<img src="/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文档。

请参阅以下示例:

<!-- 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>元素。
赞(0) 打赏
未经允许不得转载:srcmini » XHTML语法介绍和用法详解
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏