這是我們的第一個 XHTML MP 例子. 該例子展示了 XHTML MP 文檔的典型結構。
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<?xmlversion="1.0"?><!DOCTYPE
html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>XHTML
MP Tutorial</title> </head> <body> <p>Hello
world. Welcome to our XHTML MP tutorial.</p> </body></html> |
這是你將在某些移動電話模擬器上看到的效果:
XHTML MP 以序言 (prolog) 開頭, 該序言中含有 XML 聲明和 DOCTYPE 聲明。
|
1
2
3
|
<?xmlversion="1.0"?><!DOCTYPE
html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" |
該序言組件並非 XHTML MP 的元素, 因此不應該把它關閉, 也就是, 你不應該給它們加結束標籤或用 /> 結束它們。
文檔的其餘部分, 除了 HTML 中的 <html> 標籤不應該有 xmlns 屬性外, 與普通的 HTML 文檔相同。
XHTML MP 必須包含 <html>, <head>, <title>, 和 <body> 元素。
XML 聲明與字符編碼格式
所有 XHTML MP 都是 XML 文檔，因此， 文檔的開始總會有 XML 聲明。 XML 聲明指定了文檔的 XML 版本， 文檔的字符編碼也可以在這裏指定，像這樣：
|
1
|
<?xmlversion="1.0"encoding="UTF-8"?> |
上面一行表述了 XHTML MP 文檔的 XML 版本爲 1.0，字符編碼格式爲 UTF-8。如果 XHTML MP 文檔的編碼格式爲 UTF-8 或 UTF-16, encoding 屬性可以省略。
在XHTML MP 中，XML 聲明並非必需的組件，然而，如果 XML 聲明被省略的話，將會導致一些 WAP 瀏覽器出問題。 例如, 一些 Sony Ericsson 的 WAP 瀏覽器，當接收到的 MIME 類型爲 text/html 時，會利用 XML 聲明來區分 XHTML MP 和 IHTML
(一個 NTT DoCoMo 定義的有專利的標記語言) 文檔，如果文檔包含 XML 聲明，它就是一個 XHTML MP 文檔，否則它就是一個 IHTML 文檔。
DOCTYPE 聲明
所有 XHTML MP 文檔都必須有 DOCTYPE 聲明. 該聲明應該放在 XML 聲明與 <html> 元素之間. 下面是 XHTML MP 的 DOCTYPE 聲明. 你可以直接將其複製並粘貼到你的 XHTML MP 中.
|
1
2
|
<!DOCTYPE
html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" |
DOCTYPE 指定了 DTD (文檔類型定義) 的名字 和鏈接到 DTD 的 URL. DTD 包含了關於標記語言的語法信息. 它定義了什麼元素和屬性可以在標記中使用和使用它們的規則. 驗證工具, 通過把你的 XHTML MP 文檔與 DOCTYPE 聲明中指定的 DTD 進行比較, 可用於檢查你的 XHTML MP 文檔是否遵守了 XHTML MP 語言的規則. 一些 IDE 集成了類似的審覈工具.
<html> 元素
<html> 是 XHTML MP 的根元素. 所有其它元素都必須被包含在 <html></html> 標籤中.
xmlns 屬性是用來定義 XHTML MP 的命名空間的. 目前只有 "http://www.w3.org/1999/xhtml" 值可被指定用於 xmlns 的屬性. 你必須通過包含 xmlns 屬性來嚴格遵循 XHTML MP 標準, 儘管目前大部分 WAP 瀏覽器仍然能夠正確顯示 XHTML MP 頁面即使不用 xmlns 屬性.
xmlns 屬性是用來定義 XHTML MP 的命名空間的. 目前只有 "http://www.w3.org/1999/xhtml" 值可被指定用於 xmlns 的屬性. 你必須通過包含 xmlns 屬性來嚴格遵循 XHTML MP 標準, 儘管目前大部分 WAP 瀏覽器仍然能夠正確顯示 XHTML MP 頁面即使不用 xmlns 屬性.
<head> 元素
<head> 和 </head> 分別用於指定文檔頭的開始與結尾. 一個文檔的信息都是存放在文檔頭裏的. <head> 被用作其它元素, 諸如 <title> 和 <link> 的容器. <title> 元素和 <link> 元素分別用於指定 XHTML MP 文檔的標題和指向外部樣式單的鏈接 URL. XHTML MP
文檔的 metadata 也是放在文檔頭中. metadata 要用 <meta> 元素指定.
<title> 元素
<title> 元素用於指定一個 XHTML MP 頁面的標題. 該元素應被包含在 <head></head> 標籤對中. 大部分 WAP 瀏覽器將在屏幕頂部顯示標題. 如果標題太長, WAP 瀏覽器將會截取標題以適應標題條的大小. WAP CSS 不可用於 <title> 元素.
<body> 元素
<body> 元素用於實際內容的容器. 一個 XHTML MP 文件只能包含一個 <body> 元素, 也就是說, WML 1.x 的 deck 和 card 的概念已經不再被支持了.
文本不可直接被包含在 <body></body> 標籤對中. 例如, 下面的標記代碼在 XHTML MP 中是不正確的:
文本不可直接被包含在 <body></body> 標籤對中. 例如, 下面的標記代碼在 XHTML MP 中是不正確的:
|
1
2
3
|
<body> Hello
world. Welcome to our XHTML MP tutorial.</body> |
要糾正上面的 XHTML MP 標記代碼, 文檔 body 中的文本必須被包含在其它元素, 如段落 (<p></p>), 列表 (<ul><li></li></ul> 或 <ol><li></li></ol>), 標題 (<h1></h1>, <h2></h2>...), 等等, 之間. 下面的標記代碼在 XHTML MP
中是正確的:
|
1
2
3
|
<body> <p>Hello
world. Welcome to our XHTML MP tutorial.</p></body> |
<p> 元素
<p> 元素用來包含文本的一個段落. 除了文本, 錨鏈接和圖片等也可被包含在 <p> 元素之間. WAP 總是另起新行來顯示一個段落.
在 HTML 和 WML 1.x 中, 你可以得用 <p> 元素的 align 屬性來更改一個段落的水平對齊方式. 要注意的是 align 屬性在 XHTML MP 中已經被刪除了. 要想在 XHTML MP 中修改段落中文本的水平對齊方式, 你得用 WAP CSS 的 text-align 屬性. 例如, 如果你把下面的 WAP CSS 樣式表述放到你的 XHTML MP 頁面的外部樣式單中, 所有段落中的文本都將會靠右對齊.
在 HTML 和 WML 1.x 中, 你可以得用 <p> 元素的 align 屬性來更改一個段落的水平對齊方式. 要注意的是 align 屬性在 XHTML MP 中已經被刪除了. 要想在 XHTML MP 中修改段落中文本的水平對齊方式, 你得用 WAP CSS 的 text-align 屬性. 例如, 如果你把下面的 WAP CSS 樣式表述放到你的 XHTML MP 頁面的外部樣式單中, 所有段落中的文本都將會靠右對齊.
|
1
2
3
|
p
{ text-align:right} |