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> |