Xhtml 是使用 XML 重新設(shè)計(jì)的 html 現(xiàn)在已經(jīng)不推薦使用 XHTML 了，如果你想了解 HTML 的發(fā)展史，可以繼續(xù)深入看看。 什么是 XHTML ?
為什么使用 XHTML ?因特網(wǎng)上的很多頁(yè)面包含了 "糟糕" 的 HTML 比如下面的 HTML 代碼運(yùn)行起來(lái)非常正常 ( 即使它并未遵守 HTML 規(guī)則 ) <html> <head> <Meta charset="utf-8"> <title>這是一個(gè)不規(guī)范的 HTML</title> <body> <h1>不規(guī)范的 HTML <p>這是一個(gè)段落 </body> XML 是一種必須正確標(biāo)記且格式良好的標(biāo)記語(yǔ)言 所以，通過(guò)結(jié)合 XML 和 HTML 的長(zhǎng)處，開(kāi)發(fā)出了 XHTML XHTML 是作為 XML 被重新設(shè)計(jì)的 HTML 與 HTML 相比最重要的區(qū)別文檔結(jié)構(gòu)
元素語(yǔ)法
屬性語(yǔ)法
<!DOCTYPE ....> 是強(qiáng)制性的XHTML 文檔必須進(jìn)行 XHTML 文檔類(lèi)型聲明 ( XHTML DOCTYPE declaration ) <html>,<head>,<title>,和 <body> 元素也必須存在，并且必須使用 <html> 中的 xmlns 屬性為文檔規(guī)定 xml 命名空間 下面的范例演示了帶有最少的必需標(biāo)簽的 XHTML 文檔 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <Meta charset="utf-8"> <title>前端之家 f2er.com</title> </head> <body> 文檔內(nèi)容 </body> </html> XHTML 元素必須合理嵌套HTML 中一些元素可以不互相嵌套 <b><i>粗體和斜體文本</b></i> 但 XHTML 強(qiáng)制要求所有的元素都必須互相正確地嵌套 <b><i>粗體和斜體文本</i></b> XHTML 元素必須有關(guān)閉標(biāo)簽準(zhǔn)確的說(shuō)，就是有始有終 錯(cuò)誤的 XHTML 片段 <p>這是一個(gè)段落 <p>這是另外一個(gè)段落 正確的 XHTML 片段 <p>這是一個(gè)段落</p> <p>這是另外一個(gè)段落</p> 空元素必須包含關(guān)閉標(biāo)簽錯(cuò)誤的 XHTML 片段 分行:<br> 水平線: <hr> 圖片: <img src="happy.gif" alt="Happy face"> 正確的 XHTML 片段 分行:<br /> 水平線: <hr /> 圖片: <img src="happy.gif" alt="Happy face" /> XHTML 標(biāo)簽元素必須是小寫(xiě)錯(cuò)誤的 XHTML 片段 <BODY> <P>這是一個(gè)段落</P> </BODY> 正確的 XHTML 片段 <body> <p>這是一個(gè)段落</p> </body> 屬性名稱(chēng)必須是小寫(xiě)錯(cuò)誤的 XHTML 片段 <table WIDTH="100%"> 正確的 XHTML 片段 <table width="100%"> 屬性值必須有引號(hào)錯(cuò)誤的 XHTML 片段 <table width=100%> 正確的 XHTML 片段 <table width="100%"> 不允許屬性簡(jiǎn)寫(xiě)錯(cuò)誤的 XHTML 片段 <input checked> <input readonly> <input disabled> <option selected> 正確的 XHTML 片段 <input checked="checked"> <input readonly="readonly"> <input disabled="disabled"> <option selected="selected"> 如何將 HTML 轉(zhuǎn)換為 XHTML
|
