XHTML MP是XHTML的一个子集。 XHTML MP的语法规则遵循XHTML的语法规则。
如本XHTML MP教程前面所讲,XHTML是更加严格的和简洁的HTML,如果您已经学会HTML,那么你可以通过以下的XHTML MP语法规则立即开始编写XHTML MP代码了。
- 标签必须正确关闭
- 标签和属性都必须是小写
- 属性值必须用引号括起来
- 不允许无属性值存在
- 标签必须正确嵌套
在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
|
< P ID = "p1" >XHTML MP教程第1章</ P >
< P ID = "p2" >XHTML MP教程第2章</ P >
< P ID = "p3" >XHTML MP教程第3章</ P >
|
下面的代码在XHTML MP中是正确的:
1
2
3
|
< p id = "p1" >XHTML MP教程第1章</ p >
< p id = "p2" >XHTML MP教程第2章</ p >
< p id = "p3" >XHTML MP教程第3章</ p >
|
在XHTML MP中的属性值必须用引号括起来。您可以使用单引号或双引号(花火推荐您养成使用双引号括起来的习惯)。下面的标记代码在XHTML MP中是不正确的。
1
2
3
|
< p id = p1 >XHTML MP教程第1章</ p >
< p id = p2 >XHTML MP教程第2章</ p >
< p id = p3 >XHTML MP教程第3章</ p >
|
下面的代码在XHTML MP中是正确的:
1
2
3
|
< p id = "p1" >XHTML MP教程第1章</ p >
< p id = "p2" >XHTML MP教程第2章</ p >
< p id = "p3" >XHTML MP教程第3章</ p >
|
您还可以使用单引号括起来的属性值(不推荐):
1
2
3
|
< p id = 'p1' >XHTML MP教程第1章</ p >
< p id = 'p2' >XHTML MP教程第2章</ p >
< p id = 'p3' >XHTML MP教程第3章/p>
|
对于某些属性,只有一个可能值,你可以不用输入属性值,只留下属性名称即可,这就是所谓的属性最小化。例如,在下面的标记代码中,我们定义一个复选框,最初是处于选中状态。对于checked属性,只有checked值,你可以在HTML中,只输入checked即可,网页浏览器会知道checked属性的值是"checked"。
1
|
< input type = "checkbox" checked />
|
然而,属性最小化在XHTML MP中是不允许的。上面的标记代码在XHTML MP中是不正确的。要纠正它,你必须写完整的属性 - 值对,是这样的:
1
|
< input type = "checkbox" checked = "checked" />
|
下面是另一个例子。下面的标记代码定义了一个选择列表中有三个选项:“XHTML MP教程第1部分”,“XHTML MP教程第2部分”和“XHTML MP教程第3部分”。在select标签中定义了可多选的属性 multiple,而“XHTML MP教程第2部分”的option通过selected定义了默认选中状态。
1
2
3
4
5
|
< select multiple>
< option >XHTML MP教程第1部分</ option >
< option selected>XHTML MP教程第2部分</ option >
< option >XHTML MP教程第3部分</ option >
</ select >
|
上面代码在HTML中是正确的,在XHTML MP中是不允许的,应该这样写:
1
2
3
4
5
|
< select multiple = "multiple" >
< option >XHTML MP教程第1部分</ option >
< option selected = "selected" >XHTML MP教程第2部分</ option >
< option >XHTML MP教程第3部分</ option >
</ select >
|
在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 >
|