XHTML MP的语法规则

XHTML MP是XHTML的一个子集。 XHTML MP的语法规则遵循XHTML的语法规则。

 

如本XHTML MP教程前面所讲，XHTML是更加严格的和简洁的HTML，如果您已经学会HTML，那么你可以通过以下的XHTML MP语法规则立即开始编写XHTML MP代码了。

 

• 标签必须正确关闭
• 标签和属性都必须是小写
• 属性值必须用引号括起来
• 不允许无属性值存在
• 标签必须正确嵌套

 

XHTML MP的语法规则1：标签必须正确关闭

 

 

在XHTML MP中的所有标签必须正确的关闭，例如：下面的代码在XHTML MP中不正确，因为缺少了</p>标签。

 

1

2

3

<p>XHTML MP教程第1章

<p>XHTML MP教程第2章

<p>XHTML MP教程第3章

 

正确的XHTML MP代码是：

 

1

2

3

<p>XHTML MP教程第1章</p>

<p>XHTML MP教程第2章</p>

<p>XHTML MP教程第3章</p>

 

在XHTML MP中一些标签不是成对出现的，因为没有被封闭的内容。比如<br>标签，用来换行。要关闭这种标签，在标签结束前的">"前，增加"/"。例如：闭合的<br>标签是<br />。

 

下面的标记代码在XHTML MP中是不正确的，因为<br>标签没有闭合。

 

1

Line break<br>

 

正确的XHTML MP代码：

 

1

Line break<br/>

 

需要注意的是，为了兼容一些PC电脑中的web浏览器，在/>前要增加一个空格，像这样：

 

1

Line break<br/>

 

 

XHTML MP的语法规则2：标签和属性都必须是小写

 

XHTML MP的语法是区分大小写的，在XHTML MP中的所有标记和属性必须是小写。下面的标记代码是不正确的，因为在XHTML MP标记（<P> </P>）和属性（ID）不能大写。

 

1

2

3

<PID="p1">XHTML MP教程第1章</P>

<PID="p2">XHTML MP教程第2章</P>

<PID="p3">XHTML MP教程第3章</P>

 

下面的代码在XHTML MP中是正确的：

 

1

2

3

<pid="p1">XHTML MP教程第1章</p>

<pid="p2">XHTML MP教程第2章</p>

<pid="p3">XHTML MP教程第3章</p>

 

 

XHTML MP的语法规则3：属性值必须用引号括起来

 

在XHTML MP中的属性值必须用引号括起来。您可以使用单引号或双引号(花火推荐您养成使用双引号括起来的习惯)。下面的标记代码在XHTML MP中是不正确的。

 

1

2

3

<pid=p1>XHTML MP教程第1章</p>

<pid=p2>XHTML MP教程第2章</p>

<pid=p3>XHTML MP教程第3章</p>

 

下面的代码在XHTML MP中是正确的：

 

1

2

3

<pid="p1">XHTML MP教程第1章</p>

<pid="p2">XHTML MP教程第2章</p>

<pid="p3">XHTML MP教程第3章</p>

 

您还可以使用单引号括起来的属性值（不推荐)：

 

1

2

3

<pid='p1'>XHTML MP教程第1章</p>

<pid='p2'>XHTML MP教程第2章</p>

<pid='p3'>XHTML MP教程第3章/p>

 

 

XHTML MP的语法规则4：不允许无属性值存在

 

 

对于某些属性，只有一个可能值，你可以不用输入属性值，只留下属性名称即可，这就是所谓的属性最小化。例如，在下面的标记代码中，我们定义一个复选框，最初是处于选中状态。对于checked属性，只有checked值，你可以在HTML中，只输入checked即可，网页浏览器会知道checked属性的值是"checked"。

 

1

<inputtype="checkbox"checked />

 

然而，属性最小化在XHTML MP中是不允许的。上面的标记代码在XHTML MP中是不正确的。要纠正它，你必须写完整的属性 - 值对，是这样的：

 

1

<inputtype="checkbox"checked="checked"/>

 

下面是另一个例子。下面的标记代码定义了一个选择列表中有三个选项：“XHTML MP教程第1部分”，“XHTML MP教程第2部分”和“XHTML MP教程第3部分”。在select标签中定义了可多选的属性 multiple，而“XHTML MP教程第2部分”的option通过selected定义了默认选中状态。

 

1

2

3

4

5

<selectmultiple>

  <option>XHTML MP教程第1部分</option>

  <optionselected>XHTML MP教程第2部分</option>

  <option>XHTML MP教程第3部分</option>

</select>

 

上面代码在HTML中是正确的，在XHTML MP中是不允许的，应该这样写：

 

1

2

3

4

5

<selectmultiple="multiple">

  <option>XHTML MP教程第1部分</option>

  <optionselected="selected">XHTML MP教程第2部分</option>

  <option>XHTML MP教程第3部分</option>

</select>

 

 

XHTML MP的语法规则5：标签必须正确嵌套

 

在XHTML MP中标签必须正确的嵌套，标签重叠是不允许的，下面的标记代码在XHTML MP中是错误的，因为标签重叠。 （<B></ B>和<i></ I>标记是用来改变文本的样式，分别为粗体和斜体。）

 

1

2

3

<p><b>XHTML MP教程第1部分</p></b>

<i><p>XHTML MP教程第2部分</i></p>

<p><b><i>XHTML MP教程第3部分</p></i></b>

 

下面的代码在XHTML MP中是正确的，标签正确嵌套

 

1

2

3

<p><b>XHTML MP教程第1部分</b></p>

<p><i>XHTML MP教程第2部分</i></p>

<p><b><i>XHTML MP教程第3部分</i></b></p>