i-mode compatible HTML教學手冊
前言
i-mode手機上所用的網頁必須要使用並遵守「i-mode手機專用HTML」來編寫,才能夠在手機上正常顯示,我們稱之為「i-mode compatible HTML」。其語法與一般網頁HTML語法非常接近,您只要特別注意相異的部分,不要犯了手機上不能顯示的錯誤就好,所以對於已經熟悉HTML語法的您來說,應該是非常容易的。
這份教學手冊,是假設您已經非常熟悉HTML語法的撰寫,因此若您對於HTML語法有任何問題,請您參閱一般的HTML教學書籍。於本文中沒有列出或特別禁止之語法,請您不要使用,以免手機上閱讀發生問題。
目錄
1. 基本規範與限制 1
1.1. 網頁規範 1
1.2. 程式或語法上的限制 1
2. HTML從零開始 2
2.1. HTML文件的基本架構 2
2.2. 其他基本語法 2
3. HTML基本編排語法 3
3.1. 文字排版 3
3.2. 清單的設計 3
3.3. 直線 4
3.4. 表格 4
3.5. 超連結的應用 4
3.6. 圖形與顏 5
3.7. FORM輸入表單 5
3.8. MARQUEE (標籤) [跑馬燈] 6
4. i-mode專屬語法 7
4.1. accesskey (屬性) / direct key (easy focus) 7
4.2. istyle (屬性) 7
4.3. 電話簿與自動撥號 7
附錄A、標籤的長度限制列表 9
附錄B、圖形字元 10
聲明:
i-mode及i-mode圖形是NTT DoCoMo, Inc.在日本及其他國家所擁有的註冊商標。
®本註冊商標係由NTT DoCoMo, Inc公司授權和信電訊有限公司使用
1. 基本規範與限制
1.1. 網頁規範
項目 | 內容 |
螢幕寬度 | ‧ 螢幕寬度以全形字來表現為「10字(寬) x 10列(長)」,字型大小一定,不可調整。 ‧ 螢幕長寬為120 x 160 pixels。 |
字元 | ‧ 字元僅支援UTF-8 編碼。 ‧ 除了中文英文數字等字元之外,還可使用i-mode手機專屬的內碼表來顯示繪畫文字 (內碼表請見附錄)。 |
瀏覽器功能 | ‧ 手機網頁的捲軸功能(Scroll function)僅能上下捲動,不支援左右捲動。 ‧ 網頁左右方向超過大小字元會被迫換行。 ‧ 圖形長寬大於螢幕長寬的將會被自動縮小。 |
URLs | ‧ 可以使用相對路徑或絕對路徑。 ‧ 在URL中可以使用下列通訊協定: 1. HTTP (網站伺服器) 2. mailto: E-mail 3. tel: Telephone (電話號碼;僅能使用在<A>標籤) ‧ 手機上的「加入我的最愛」功能將會利用網頁的<TITLE>標籤內容來命名。 |
圖形 | ‧ 支援GIF(87a與89a格式)圖形,其他格式的圖形無法顯示。 ‧ 圖形必須限制於10Kbytes以內。 |
網頁K數限制 | ‧ 一個網頁至多僅能10Kbytes,超過將被迫刪除內容。 ‧ 以上的K數限制包含圖片、文字和HTML內容。 |
1.2. 程式或語法上的限制
下表中的功能要特別提醒開發者必須禁止使用。
標籤或語法 | 說明 |
<FONT> | 各種大小設定皆無效,在手機上的字型一律同樣大小。 僅能定義字元的顏。 |
CSS語法 | 禁止使用,在手機上無效。 |
Javascripts語法 | 禁止使用,任何Javascripts語法的出現將會造成手機無法閱讀或當機。 |
程式撰寫 | htmlradio的text出不来語法上的限制主要是在使用者(client)端的呈現,ASP、PHP…等伺服(Server)端的程式語言則不受此限,但是以下的程式會應用到使用者(client)端的運算功能,亦需禁止使用。包括禁止使用cookies與session,這些功能皆無效,如果有需要傳送值,請都用網址列來傳值。 |
2. HTML從零開始
HTML文件的基本架構
[格式]
<HTML>
<HEAD>
<TITLE>這裡是文件標題</TITLE>
<META http-equiv=”Content-Type” content=”text/html; charset=big5”>
</HEAD>
<BODY>
這裡放網頁的內容
</BODY>
</HTML>
[說明]
(1) 在每一件HTML文件,皆必須定義以上的基本架構,如同一般的網頁製作。
(2) i-mode 手機不支援其他META語法(例如:http-equiv=”refresh”)。
其他基本語法
2.1.1. BASE (標籤)
[格式]
<BASE href=”網址”>
[說明]
這個標籤是用來將網址中的相對路徑加上「網址基礎」,如果沒有指定,則網頁中的相對路徑網址會依照開網頁目前的位置為基礎。這個語法應該要放在<HEAD></HEAD>之間。
文件註解
[格式]
[說明]
一般在編輯HTML時,可能會有些複雜,為了讓自己將來維護文件方便或容易閱讀,所以可以在文件內加上註解。
3. HTML基本編排語法
本章之內容僅說明i-mode combatible HTML與一般HTML同異之處,如需要更詳細的說明,請參見一般的網頁語法說明。
3.1. 文字排版
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论