上海网站建设

上海网站建设

咨询热线:(021)51698180


HTML,CSS

上海网站建设RSS订阅  RSS订阅  新浪微博  新浪微博  上海网站建设客服  客服  获取报价  获取报价

XHTML MP教程(五):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>标签。
 
<p>XHTML MP教程第1章
<p>XHTML MP教程第2章
<p>XHTML MP教程第3章
 
正确的XHTML MP代码是:
 
<p>XHTML MP教程第1章</p>
<p>XHTML MP教程第2章</p>
<p>XHTML MP教程第3章</p>
 
在XHTML MP中一些标签不是成对出现的,因为没有被封闭的内容。比如<br>标签,用来换行。要关闭这种标签,在标签结束前的">"前,增加"/"。例如:闭合的<br>标签是<br />。
 
下面的标记代码在XHTML MP中是不正确的,因为<br>标签没有闭合。
 
Line break<br>
 
正确的XHTML MP代码:
 
Line break<br/>
 
需要注意的是,为了兼容一些PC电脑中的web浏览器,在/>前要增加一个空格,像这样:
 
Line break<br />
 
 

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

 
XHTML MP的语法是区分大小写的,在XHTML MP中的所有标记和属性必须是小写。下面的标记代码是不正确的,因为在XHTML MP标记(<P> </P>)和属性(ID)不能大写。
 
<P ID="p1">XHTML MP教程第1章</P>
<P ID="p2">XHTML MP教程第2章</P>
<P ID="p3">XHTML MP教程第3章</P>
 
下面的代码在XHTML MP中是正确的:
 
<p id="p1">XHTML MP教程第1章</p>
<p id="p2">XHTML MP教程第2章</p>
<p id="p3">XHTML MP教程第3章</p>
 
 

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

 
在XHTML MP中的属性值必须用引号括起来。您可以使用单引号或双引号(花火推荐您养成使用双引号括起来的习惯)。下面的标记代码在XHTML MP中是不正确的。
 
<p id=p1>XHTML MP教程第1章</p>
<p id=p2>XHTML MP教程第2章</p>
<p id=p3>XHTML MP教程第3章</p>
 
下面的代码在XHTML MP中是正确的:
 
<p id="p1">XHTML MP教程第1章</p>
<p id="p2">XHTML MP教程第2章</p>
<p id="p3">XHTML MP教程第3章</p>
 
您还可以使用单引号括起来的属性值(不推荐):
 
<p id='p1'>XHTML MP教程第1章</p>
<p id='p2'>XHTML MP教程第2章</p>
<p id='p3'>XHTML MP教程第3章/p>
 
 

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

 
 
对于某些属性,只有一个可能值,你可以不用输入属性值,只留下属性名称即可,这就是所谓的属性最小化。例如,在下面的标记代码中,我们定义一个复选框,最初是处于选中状态。对于checked属性,只有checked值,你可以在HTML中,只输入checked即可,网页浏览器会知道checked属性的值是"checked"。
 
<input type="checkbox" checked />
 
然而,属性最小化在XHTML MP中是不允许的。上面的标记代码在XHTML MP中是不正确的。要纠正它,你必须写完整的属性 - 值对,是这样的:
 
<input type="checkbox" checked="checked" />
 
下面是另一个例子。下面的标记代码定义了一个选择列表中有三个选项:“XHTML MP教程第1部分”,“XHTML MP教程第2部分”和“XHTML MP教程第3部分”。在select标签中定义了可多选的属性 multiple,而“XHTML MP教程第2部分”的option通过selected定义了默认选中状态。
 
<select multiple>
  <option>XHTML MP教程第1部分</option>
  <option selected>XHTML MP教程第2部分</option>
  <option>XHTML MP教程第3部分</option>
</select>
 
上面代码在HTML中是正确的,在XHTML MP中是不允许的,应该这样写:
 
<select multiple="multiple">
  <option>XHTML MP教程第1部分</option>
  <option selected="selected">XHTML MP教程第2部分</option>
  <option>XHTML MP教程第3部分</option>
</select>
 
 

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

 
在XHTML MP中标签必须正确的嵌套,标签重叠是不允许的,下面的标记代码在XHTML MP中是错误的,因为标签重叠。 (<B></ B>和<i></ I>标记是用来改变文本的样式,分别为粗体和斜体。)
 
<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中是正确的,标签正确嵌套
 
<p><b>XHTML MP教程第1部分</b></p>
<p><i>XHTML MP教程第2部分</i></p>
<p><b><i>XHTML MP教程第3部分</i></b></p>



由花火网络整理 www.hahoo.cn 上海网站建设