HTML5 基礎教程
HTML 介紹HTML 元素HTML 屬性HTML 文字樣式元素HTML 水平線HTML 清單元素HTML +CSSHTML +JavascriptHTML 超連結HTML 檔案路徑HTML <!-- 註解 -->HTML 特殊文字HTML 顏色HTML 區塊元素與佈局XHTMLHTML5 多媒體教程
HTML <table>表格HTML <iframe>線內框架HTML <img> 圖片HTML <video> 影片HTML <audio> 音樂HTML5 表單教程
HTML <form> 表單HTML 各種表單元素HTML <input>HTML <input>屬性HTML5
HTML5 介紹HTML5 支援HTML5 新元素HTML5 正確語法HTML5 Graphics
HTML5 CanvasHTML5 SVGHTML5 Google Maps何謂XHTML
XHTML(EXtensible HyperText Markup Language),可延伸超文件標示語言,表現方式與 HTML 類似,不過語法上更加嚴格。最終目標是取代 HTML 語法。
XHTML 語法
所有元素都必須關閉
先前提到,在HTML中,強迫換行<br>可以記作<br>或<br />,但在XHTML中只能使用<br />。在"/"符號前加一個空格更能使XHTML被現今瀏覽器解讀。
- <!--↓錯誤-->
- <span>《秧歌》是張愛玲於1955年創作的小說,小說最初以英文寫就發表,後由張愛玲本人譯成中文。<br>該書描寫共產黨治下的農村生活,農人面對鄉幹部、軍人等多方壓榨,惶惶不可終日的悲慘生活狀況。</span>
- <!--↓正確-->
- <span>《秧歌》是張愛玲於1955年創作的小說,小說最初以英文寫就發表,後由張愛玲本人譯成中文。<br />該書描寫共產黨治下的農村生活,農人面對鄉幹部、軍人等多方壓榨,惶惶不可終日的悲慘生活狀況。</span>
屬性值必需加引號且不得簡寫
- <!--↓錯誤-->
- <a href=http://had.name >有名線上</a>
- <input checked>
- <!--↓正確-->
- <a href="http://had.name" >有名線上</a>
- <input checked="checked">
元素名稱和屬性必須小寫
- <!--↓錯誤-->
- <P STYLE="color:#000;">長澤茉里奈(日語:長澤茉里奈/ながさわ まりな Nagasawa Marina,1995年10月8日-)是日本女性偶像。</P>
- <!--↓正確-->
- <p style="color:#000;">長澤茉里奈(日語:長澤茉里奈/ながさわ まりな Nagasawa Marina,1995年10月8日-)是日本女性偶像。</p>
以「id」取代「name」
在 XHTML 中不鼓勵使用 name 屬性,應該改使用 id 屬性。
- <!--↓不建議-->
- <input name="button1">
- <!--↓建議-->
- <input id="button1">
XHTML 宣告
嚴格版 XHTML 宣告:搭配CSS使用
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
過渡版 XHTML 宣告:保留被嚴格版刪除的元素,例如:<font>或<center>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
框架用 XHTML 宣告:允許於網頁中定義框架元素。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">