srcmini本文概述
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>元素。 |
评论前必须登录！
注册