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網頁可以「主要內容」這是個不嚴格,在XHTML是錯的;正確的在xhtml標準中就必須要求這樣「主要內容」。
2、XHTML 元素必須關閉
exp:
一個HEAD裡的例子,「 」像這個標籤在html是可行的,但是為了xhtml的標準所以必須關閉如「 」
如同在一般html使用「
」這個換大行標籤時候很多人直接在需要換行的段落加個「
」標籤就完了,但是在XHTML CSS標準中就必須是這樣的 「 < ;p>段落文字
」 意思就是必須由「這個換行標籤開始與文章文字段前,並在該段文字文字後以「
」標籤結束。如很多在做html頁面時候用到小換行標籤“ br ”,很多人不知道這個標籤需要以關閉的樣式來換行,如:一段文字後要換行很多CSS製作這就在需要換行的地方加了個「
」就好了,但是告訴大家這也是不標準,在XHTML驗證時候是通不過的,必須用「
」自關閉結束。
#3、標籤名必須用小寫字母
在以前的網頁中對於很多標籤通常使用大寫或大小寫的編排方式,但是在為了WEB標準現在標籤都要求小寫統一。
exp:
以前很多「、
」等都用大寫或大小寫混合如「 、 」或「、 」或「、 」或「、但是XHTML統一要求需要用「 、 」小寫。4、XHTML文件必須擁有根元素
意思就是一什麼標籤開始就要用什麼標籤結束,如
開始就要在內容結束用來關閉。5、對於圖片需添加alt屬性
以前很多時候在網頁裡顯示圖片img標籤裡都可加可不加alt屬性,但是現在xhtml要求必須加上alt屬性,不然xhtml驗證會提示錯誤,即使alt的值為空都可以。
exp:
錯誤<img src="圖片位址" />
正確<img src="圖片地址" alt=“圖片說明" />
那加了alt有什麼好處?答:加上alt可以為圖片進行文字說明,讓搜尋引擎辨別圖片內容,是優化網頁好地方。
(學習影片分享:web前端入門)
以上是什麼是html和xhtml的詳細內容。更多資訊請關注PHP中文網其他相關文章!