HTML超文本標記語言,是一種基於標記的網頁設計語言,專門用來設計和編輯網頁。 XHTML是為了適應XML而重新改造的HTML,也是一種標記語言,它可以看作是從HTML到XML的過渡;XHTML要求在網頁中出現的任何元素都應該被標記出來。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
什麼是HTML
HTML 英文全名是Hyper Text Markup Language,中文譯為“超文本標記語言”,是一種基於標記的網頁設計語言,專門用來設計和編輯網頁。
超文本標記語言,是WWW的描述語言。它包括一系列標籤.透過這些標籤可以將網路上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。 HTML文本是由HTML指令組成的描述性文本,HTML指令可以說明文字,圖形、動畫、聲音、表格、連結等。
<!DOCTYPE html> <html> <body> <h1>hello world !</h1> </body> </html>
那麼超文本又是什麼意思呢?超文本:頁面可以包含圖片、鏈接,甚至音樂、程式等非文字元素,我們回想一下項目中HTML他的作用到底是什麼。一、不假思索的可以肯定的就是他的顯示功能 二、頁面上的任意元素,我們都可以結合JS對他進行一些動畫的變化,不管是顯示上的改變還是連結到別的地方。也可以講HTML中的元素想像成入口,只要輕輕一點滑鼠,我們可能會得到更多的相關內容。好了,現在展開想像,講一個HTML頁面想像成一個節點,透過某種觸發,連接到兩一個HTML上,這樣,數以萬計的HTML頁面就構成了我們的萬維網。
什麼是XML
XML是用來對資訊自我描述而設計的新語言。就像HTML一樣,XML也是一種基於文字的標記語言,但是XML可以讓使用者根據要表現的文檔,自由地定義標記來表現具有實際意義的文檔內容。
什麼是XHTML
可擴充超文本標記語言XHTML(eXtensible HyperText Markup Language)是將超文本標記語言HTML(HyperText Markup Language)作為XML應用而重新定義的標準。
XHTML是為了適應XML而重新改造的HTML,也是標記語言;它可以看作是從HTML到XML的過渡;XHTML要求在網頁中出現的任何元素都應該被標記出來。
XHTML幾乎與HTML相同,但它比HTML更嚴格。 XHTML是HTML定義為XML應用程式。它受到所有主流瀏覽器的支援。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>标题</title> </head> <body> <h1>XHTML</h1> </body> </html>
xhtml和html的差異
#1、XHTML元素必須被正確地巢狀
範例:
一般html網頁可以「a4b561c25d9afb9ac8dc4d70affff4195a8028ccc7a7e27417bff9f05adf5932主要內容0d36329ec37a2cc24d42c7229b69747a72ac96585ae54b6ae11f849d2649d9e6」這是個不嚴格,在XHTML是錯的;正確的在xhtml標準中就必須要求這樣「a4b561c25d9afb9ac8dc4d70affff4195a8028ccc7a7e27417bff9f05adf5932主要內容72ac96585ae54b6ae11f849d2649d9e60d36329ec37a2cc24d42c7229b69747a」。
2、XHTML 元素必須關閉
exp:
一個HEAD裡的例子,「cc13ac1e0dc8eecd5579b7ad949039a6 」像這個標籤在html是可行的,但是為了xhtml的標準所以必須關閉如「0fafe45d3c4bf6bd78d1fad05cebaffb 」
如同在一般html使用「 e388a4556c0f65e1904146cc1a846bee 」這個換大行標籤時候很多人直接在需要換行的段落加個「 e388a4556c0f65e1904146cc1a846bee 」標籤就完了,但是在XHTML CSS標準中就必須是這樣的 「 < ;p>段落文字94b3e26ee717c64999d7867364b1b4a3 」 意思就是必須由「 e388a4556c0f65e1904146cc1a846bee 這個換行標籤開始與文章文字段前,並在該段文字文字後以「 94b3e26ee717c64999d7867364b1b4a3 」標籤結束。
如很多在做html頁面時候用到小換行標籤“ br ”,很多人不知道這個標籤需要以關閉的樣式來換行,如:一段文字後要換行很多CSS製作這就在需要換行的地方加了個「 0c6dc11e160d3b678d68754cc175188a 」就好了,但是告訴大家這也是不標準,在XHTML驗證時候是通不過的,必須用「 df250b2156c434f3390392d09b1c9563 」自關閉結束。
#3、標籤名必須用小寫字母
在以前的網頁中對於很多標籤通常使用大寫或大小寫的編排方式,但是在為了WEB標準現在標籤都要求小寫統一。
exp:
以前很多「100db36a723c770d327fc0aef2ce13b1、6c04bd5ca3fcae76e30b72ad730ca86d 」等都用大寫或大小寫混合如「 6a74014ee44f5deb5894267f99b68016、a64997a0904a094b4570728d7f327acd 」或「d90fcdb535d6081491edebb07224a674、9c5594a5fc8d2e506f1a8147102c836b 」或「d90fcdb535d6081491edebb07224a674、9c5594a5fc8d2e506f1a8147102c836b 」或「d90fcdb535d6081491edebb07224a674、9c5594a5fc8d2e506f1a8147102c836b但是XHTML統一要求需要用「 100db36a723c770d327fc0aef2ce13b1、6c04bd5ca3fcae76e30b72ad730ca86d 」小寫。
4、XHTML文件必須擁有根元素
意思就是一什麼標籤開始就要用什麼標籤結束,如6c04bd5ca3fcae76e30b72ad730ca86d開始就要在內容結束用36cc49f0c466276486e50c850b7e4956來關閉。
5、對於圖片需添加alt屬性
以前很多時候在網頁裡顯示圖片img標籤裡都可加可不加alt屬性,但是現在xhtml要求必須加上alt屬性,不然xhtml驗證會提示錯誤,即使alt的值為空都可以。
exp:
錯誤81d5417f52575b5df7486d8ad7b50d75
正確c636078b4ab61f2df98f255579223fdd
那加了alt有什麼好處?答:加上alt可以為圖片進行文字說明,讓搜尋引擎辨別圖片內容,是優化網頁好地方。
(學習影片分享:web前端入門)
以上是什麼是html和xhtml的詳細內容。更多資訊請關注PHP中文網其他相關文章!