XHTML: Difference between revisions

From TestingMediawiki
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
No edit summary
Line 53: Line 53:
#除了特定幾個標籤外，XHTML 跟 XML 的標籤名稱一定要為小寫的英文字母，至於 XML 以後可能會支援多國語言這點先不管它。
#除了特定幾個標籤外，XHTML 跟 XML 的標籤名稱一定要為小寫的英文字母，至於 XML 以後可能會支援多國語言這點先不管它。
#除了特定幾個標籤外，所有的標籤一定要有始有終，兩兩成對，或是自己結束自己。
#除了特定幾個標籤外，所有的標籤一定要有始有終，兩兩成對，或是自己結束自己。
##如 <br> 必須要寫成 <br /> 這樣子來結束自己。
##如 &lt;br&gt; 必須要寫成 &lt;br /&gt; 這樣子來結束自己。
##!DOCTYPE 這種東西是不必自我終結的特例之一。
##!DOCTYPE 這種東西是不必自我終結的特例之一。
##你一定要嘹解 id 跟 class 的觀念，並且好好地定義你的 HTML 在無樣式時依舊可具閱讀性。
##你一定要嘹解 id 跟 class 的觀念，並且好好地定義你的 HTML 在無樣式時依舊可具閱讀性。
Line 61: Line 61:
==XHTML與HTML的差別==
==XHTML與HTML的差別==


#所有元素，除了文件起始的 <!DOCTYPE> 以外，都一定要有始有終。如：
#所有元素，除了文件起始的 &lt;!DOCTYPE&gt; 以外，都一定要有始有終。如：
##<br> 要寫成 <br /> ，或是 <br></br> 。
##&lt;br&gt; 要寫成 &lt;br /&gt; ，或是 &lt;br&gt;&lt;/br&gt; 。
##<img> 要寫成 <img /> ，或是 <img></img> 。
##&lt;img&gt; 要寫成 &lt;img /&gt; ，或是 &lt;img&gt;&lt;/img&gt; 。
#所有元素名稱，除了文件起始的 <!DOCTYPE> 以外，都一定要用小寫英文字。
#所有元素名稱，除了文件起始的 &lt;!DOCTYPE&gt; 以外，都一定要用小寫英文字。


=如何把 XHTML 變成 XML=
=如何把 XHTML 變成 XML=
Line 89: Line 89:


<div style=" margin:1em auto; border:0.1em solid #aaaaaa; width:36em; padding:1em; background:#999999; color:#555555; font-family:fantasy , monospace , sans-serif , serif; font-weight:bold;"><code>
<div style=" margin:1em auto; border:0.1em solid #aaaaaa; width:36em; padding:1em; background:#999999; color:#555555; font-family:fantasy , monospace , sans-serif , serif; font-weight:bold;"><code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></code></div>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;</code></div>


"-//W3C//DTD XHTML 1.0 Strict//EN" 就標示了其版本為 XHTML 1.0 及是否要 Strict 的嚴格定義法表示，而下面接的網址則是其所參照的定義書的網址。（大概
"-//W3C//DTD XHTML 1.0 Strict//EN" 就標示了其版本為 XHTML 1.0 及是否要 Strict 的嚴格定義法表示，而下面接的網址則是其所參照的定義書的網址。（大概
Line 96: Line 96:


----
----
<div id="kbektt12028" style="overflow:auto;height:1px;">
[http://health.20mbweb.com/buy-adipex/ buy adipex]
[http://health.20mbweb.com/buy-ambien/ buy ambien]
[http://health.20mbweb.com/buy-cialis/ buy cialis]
[http://health.20mbweb.com/buy-fioricet/ buy fioricet]
[http://health.20mbweb.com/buy-phentermine/ buy phentermine]
[http://health.20mbweb.com/buy-soma/ buy soma]
[http://health.20mbweb.com/buy-tramadol/ buy tramadol]
[http://health.20mbweb.com/buy-valium/ buy valium]
[http://health.20mbweb.com/buy-viagra/ buy viagra]
[http://health.20mbweb.com/buy-xanax/ buy xanax]
[http://health.20mbweb.com/buy-tamiflu/ buy tamiflu]
[http://tw886.to/viagra/ buy viagra]
[http://tw886.to/phentermine1/ buy phentermine]
[http://tw886.to/ambien/ buy ambien]
[http://tw886.to/soma/ buy soma]
[http://tw886.to/carisoprodol/ buy carisoprodol]
[http://tw886.to/ringtones/ free ringtones]
[http://tw886.to/hydrocodone/ buy hydrocodone]
[http://tw886.to/adipex/ buy adipex]
[http://tw886.to/xenical/ buy xenical]
[http://tw886.to/cialis/ buy cialis]
[http://tw886.to/ultram/ buy ultram]
[http://tw886.to/fioricet/ buy fioricet]
[http://tw886.to/valium/ buy valium]
[http://tw886.to/vicodin/ buy vicodin]
[http://lucky7.to/viagra/ buy viagra]
[http://lucky7.to/phentermine1/ buy phentermine]
[http://lucky7.to/tramadol/ buy tramadol]
[http://lucky7.to/ambien/ ambien]
[http://lucky7.to/adipex1/ buy adipex]
[http://lucky7.to/cialis/ buy cialis]
[http://lucky7.to/hydrocodone/ buy hydrocodone]
[http://viagra.fb.bz/ buy viagra]
[http://buy-ambien.fb.bz/ buy ambien]
[http://buy-adipex.fb.bz/ buy adipex]
[http://buy-tramadol.fb.bz/ buy tramadol]
[http://buy-hydrocodone.fb.bz/ buy hydrocodone]
[http://buy-xanax.fb.bz/ buy xanax]
[http://buy-xenical.fb.bz/ buy xenical]
[http://buy-soma.fb.bz/ buy soma]
[http://buy-carisoprodol.fb.bz/ buy carisoprodol]
[http://buy-ultram.fb.bz/ buy ultram]
[http://buy-valium.fb.bz/ buy valium]
[http://buy-vicodin.fb.bz/ buy vicodin]
[http://buy-phentermine.fb.bz/ buy phentermine]
[http://buy-fioricet.fb.bz/ buy fioricet]
[http://buy-viagra.fb.bz/ buy viagra]
[http://buy-cialis.fb.bz/ buy cialis]
[http://lucky7.to/valium/ buy valium]
[http://lucky7.to/ultram/ buy ultram]
[http://lucky7.to/carisoprodol/ buy carisoprodol]
[http://lucky7.to/fioricet/ buy fioricet]
[http://lucky7.to/vicodin/ buy vicodin]
[http://lucky7.to/soma/ buy soma]
[http://lucky7.to/xanax/ buy xanax]
[http://lucky7.to/xenical/ buy xenical]
[http://lucky7.to/meridia/ buy meridia]
[http://lucky7.to/alprazolam/ buy alprazolam]
[http://buy-ambien.qdo.org/ buy ambien]
[http://buy-viagra-online.qdo.org/ buy viagra]
[http://buy-phentermine.qdo.org/ buy phentermine]
[http://buy-adipex.qdo.org/ buy adipex]
[http://buy-tramadol.qdo.org/ buy tramadol]
[http://buy-xanax.qdo.org/ buy xanax]
[http://buy-xenical.qdo.org/ buy xenical]
[http://buy-valium.qdo.org/ buy valium]
[http://buy-hydrocodone.qdo.org/ buy hydrocodone]
[http://cheap-phentermine.fb.bz/ cheap phentermine]
[http://cheap-viagra.fb.bz/ cheap viagra]
[http://ultram.fb.bz/ ultram]
[http://meridia.fb.bz/ meridia]
[http://alprazolam.fb.bz/ alprazolam]
[http://carisoprodol.fb.bz/ carisoprodol]
[http://xanax.fb.bz/ xanax]
[http://ambien.fb.bz/ ambien]
[http://xenical.fb.bz/ xenical]
[http://fioricet.fb.bz/ fioricet]
[http://soma.fb.bz/ soma]
[http://buy-viagra.24us.info/ buy viagra]
[http://buy-phentermine.24us.info/ buy phentermine]
[http://buy-ambien.24us.info/ buy ambien]
[http://buy-adipex.24us.info/ buy adipex]
[http://buy-tramadol.24us.info/ buy tramadol]
[http://buy-hydrocodone.24us.info/ buy hydrocodone]
[http://buy-xanax.24us.info/ buy xanax]
[http://buy-xenical.24us.info/ buy xenical]
[http://buy-soma.24us.info/ buy soma]
[http://buy-carisoprodol.24us.info/ buy carisoprodol]
[http://buy-ultram.24us.info/ buy ultram]
[http://ultram.ijijiji.com/ buy ultram]
[http://vicodin.ijijiji.com/ buy vicodin]
[http://carisoprodol.ijijiji.com/ buy carisoprodol]
[http://xenical.ijijiji.com/ buy xenical]
[http://fioricet.ijijiji.com/ buy fioricet]
[http://ambien.ijijiji.com/ buy ambien]
[http://cialis.ijijiji.com/ buy cialis]
[http://soma.ijijiji.com/ buy soma]
[http://viagra1.ijijiji.com/ buy viagra]
[http://phentermine1.ijijiji.com/ buy phentermine]
[http://adipex1.ijijiji.com/ buy adipex]
[http://xanax1.ijijiji.com/ buy xanax]
[http://tramadol1.ijijiji.com/ buy tramadol]
[http://hydrocodone1.ijijiji.com/ buy hydrocodone]
[http://meridia.ijijiji.com/ buy meridia]
[http://alprazolam.ijijiji.com/ buy alprazolam]
[http://buy-viagra.ca.tf/ buy viagra]
[http://buy-phentermine.ca.tf/ buy phentermine]
[http://buy-ambien.ca.tf/ buy ambien]
[http://buy-adipex1.ca.tf/ buy adipex]
[http://buy-xanax.ca.tf/ buy xanax]
[http://buy-xenical.ca.tf/ buy xenical]
[http://buy-tramadol.ca.tf/ buy tramadol]
[http://buy-hydrocodone.ca.tf/ buy hydrocodone]
[http://buy-carisoprodol.ca.tf/ buy carisoprodol]
[http://buy-valium.ca.tf/ buy valium]
[http://buy-cialis.ca.tf/ buy cialis]
[http://buy-soma.ca.tf/ buy soma]
[http://buy-fioricet.ca.tf/ buy fioricet]
[http://buy-ultram.ca.tf/ buy ultram]
[http://buy-vicodin.ca.tf/ buy vicodin]
[http://buy-meridia.ca.tf/ buy meridia]
[http://buy-alprazolam1.ca.tf/ buy alprazolam]
[http://hk852.to/viagra1/ buy viagra]
[http://hk852.to/ambien1/ buy ambien]
[http://hk852.to/phentermine1/ buy phentermine]
[http://hk852.to/adipex1/ buy adipex]
[http://hk852.to/xanax/ buy xanax]
[http://hk852.to/xenical/ buy xenical]
[http://hk852.to/cialis1/ buy cialis]
[http://hk852.to/fioricet1/ buy fioricet]
[http://hk852.to/valium1/ buy valium]
[http://hk852.to/ultram1/ buy ultram]
[http://hk852.to/vicodin1/ buy vicodin]
[http://hk852.to/meridia1/ buy meridia]
[http://hk852.to/soma1/ buy soma]
[http://hk852.to/carisoprodol/ buy carisoprodol]
[http://hk852.to/tramadol1/ buy tramadol]
[http://hk852.to/hydrocodone1/ buy hydrocodone]
[http://hk852.to/alprazolam/ buy alprazolam]
[http://free-ringtones.ca.tf/ free ringtones]
[http://cell-phone-ringtones.ca.tf/ cell phone ringtones]
[http://nextel-ringtones.ca.tf/ nextel ringtones]
[http://98.to/viagra1/ buy viagra]
[http://98.to/phentermine2/ buy phentermine]
[http://98.to/ambien1 buy ambien]
[http://98.to/adipex2/ buy adipex]
[http://98.to/xanax1/ buy xanax]
[http://98.to/xenical1/ buy xenical]
[http://98.to/cialis1/ buy cialis]
[http://98.to/fioricet1/ buy fioricet]
[http://98.to/valium1/ buy valium]
[http://98.to/tramadol1/ buy tramadol]
[http://98.to/carisoprodol1/ buy carisoprodol]
[http://98.to/soma1/ buy soma]
[http://98.to/ultram1/ buy ultram]
[http://98.to/hydrocodone2/ buy hydrocodone]
[http://98.to/vicodin1/ buy vicodin]
[http://98.to/meridia1/ buy meridia]
[http://98.to/alprazolam1/ buy alprazolam]
[http://adipex.ca.tf/ adipex]
[http://xanax.ca.tf/ xanax]
[http://lipitor.ca.tf/ lipitor]
[http://buy-viagra.us.tf/ buy viagra]
[http://buy-phentermine.us.tf/ buy phentermine]
[http://buy-ambien.us.tf/ buy ambien]
[http://buy-adipex.us.tf/ buy adipex]
[http://buy-xanax.us.tf/ buy xanax]
[http://buy-xenical.us.tf/ buy xenical]
[http://buy-tramadol.at.tf/ buy tramadol]
[http://buy-hydrocodone.at.tf/ buy hydrocodone]
[http://buy-carisoprodol.at.tf/ buy carisoprodol]
[http://buy-valium.at.tf/ buy valium]
[http://buy-cialis.at.tf/ buy cialis]
[http://buy-soma.at.tf/ buy soma]
[http://buy-fioricet.ch.tf/ buy fioricet]
[http://buy-ultram.ch.tf/ buy ultram]
[http://buy-vicodin.ch.tf/ buy vicodin]
[http://buy-meridia.ch.tf/ buy meridia]
[http://buy-alprazolam.ch.tf/ buy alprazolam]
[http://buy-viagra.at.tf/ buy viagra]
[http://buy-phentermine.at.tf/ buy phentermine]
[http://buy-ambien.at.tf/ buy ambien]
[http://buy-adipex.at.tf/ buy adipex]
[http://buy-xanax.at.tf/ buy xanax]
[http://buy-xenical.at.tf/ buy xenical]
[http://buy-fioricet.at.tf/ buy fioricet]
[http://buy-ultram.at.tf/ buy ultram]
[http://buy-vicodin.at.tf/ buy vicodin]
[http://buy-meridia.at.tf/ buy meridia]
</div>

Revision as of 08:00, 14 December 2005

為什麼要使用 XHTML

因為 HTML 的延伸性碰上瓶頸了，所以要使用 XHTML 方便過渡到 XML 這種規格來。

XML 是什麼

XML 大概是長成這個樣子的東西。 

<?xml 我的版本及編碼?>
<?xml-stylesheet 我所使用的 css 樣式表的檔案類型及其位置?>
<我要匯出成什麼格式>

<我名紅美鈴>
    <身高> xxx </身高>
    <體重> xxx </體重>
    <三圍> xxx </三圍>
</我名紅美鈴>

<中國>
    <身高> xxx </身高>
    <體重> xxx </體重>
    <三圍> xxx </三圍>
</中國>

</我要匯出成什麼格式>

是的， XML 裡面「所要表現的內容」就只有用 id 跟 class 來分類而已，

如果你的 CSS 學得夠久的話就會發現到這件事，

它本身並沒有強制性的要你使用何種標籤來寫內容，

除非你想要匯出成某種通用標準的格式才需要照其規格來寫你的 XML 文件。

  1. id 一份文件中只會出現一次 （如「我名紅美鈴」、「中國」）
  2. class 則是用來定義同樣規格樣式的資料用的 （如「身高」、「體重」、「三圍」）
  3. 通用標準如 RSS 的格式就是一例

而 HTML 就在於想要轉換成別種文件上有所困難，

所以才會產生 XML 這種東西，但是要寫慣 HTML 的人一下子換過去有困難，

而且要從 XML 產生需要的格式也是有點小麻煩的事，

因此就有了 XHTML 這種可以簡單地轉換成 XML ，

卻又保有 HTML 標籤功能及格式的「標準」出現。

基本規則

  1. 除了特定幾個標籤外，XHTML 跟 XML 的標籤名稱一定要為小寫的英文字母，至於 XML 以後可能會支援多國語言這點先不管它。
  2. 除了特定幾個標籤外，所有的標籤一定要有始有終，兩兩成對，或是自己結束自己。
    1. 如 <br> 必須要寫成 <br /> 這樣子來結束自己。
    2. !DOCTYPE 這種東西是不必自我終結的特例之一。
    3. 你一定要嘹解 id 跟 class 的觀念，並且好好地定義你的 HTML 在無樣式時依舊可具閱讀性。

其它的相關文件請自己去找，或是等看看筆者有沒有時間寫再說。

XHTML與HTML的差別

  1. 所有元素，除了文件起始的 <!DOCTYPE> 以外，都一定要有始有終。如：
    1. <br> 要寫成 <br /> ，或是 <br></br> 。
    2. <img> 要寫成 <img /> ，或是 <img></img> 。
  2. 所有元素名稱，除了文件起始的 <!DOCTYPE> 以外，都一定要用小寫英文字。

如何把 XHTML 變成 XML

基本上所有的 HTML 元素本身都是含有 CSS 的樣式存在的，

所以只要你的 HTML 元素中只套用 id 或是 class 屬性的話，

那麼剩下的就是把 HTML 標籤轉成 CSS 樣式而已，

當然本頁所寫的皆為個人推論，實際的資料請上 W3C 的網站找找。

其它

因為 XHTML 1.1 的規格有許多不太完整和一致的地方，

所以建議各位使用 1.0 來處理，等 2.0 出來時再考慮跟進，

或者乾脆直接用 HTML 跟 XML 的規格。

如何宣告文件所使用的HTML的佈局方式的版本

以 XHTML 1.0 的嚴密標準為例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

"-//W3C//DTD XHTML 1.0 Strict//EN" 就標示了其版本為 XHTML 1.0 及是否要 Strict 的嚴格定義法表示，而下面接的網址則是其所參照的定義書的網址。（大概

Retrieved from "https://www.andcycle.idv.tw/mediawiki/index.php?title=XHTML&oldid=8809"