技術文章 » 什麼是html和xhtml

什麼是html和xhtml

2022-09-15 18:00:07

HTML超檔案標示語言，是一種基於標記的網頁設計語言，專門用來設計和編輯網頁。XHTML是為了適應XML而重新改造的HTML，也是一種標示語言，它可以看作是從HTML到XML的過渡；XHTML要求在網頁中出現的任何元素都應該被標記出來。

前端（vue）入門到精通課程：進入學習

本教學操作環境：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網頁可以「<b><i>主要內容</b></i>」這是個不嚴格，在XHTML是錯誤的；正確的在xhtml標準中就必須要求這樣「<b><i>主要內容</i></b>」。

2、XHTML 元素必須被關閉

exp：

一個HEAD裡的例子，「<meta name="keywords" content="關鍵字" > 」像這個標籤在html是可行的，但是為了xhtml的標準所以必須關閉如「<meta name="keywords" content="關鍵字" /> 」

如在一般html使用 「 <p> 」這個換大行標籤時候很多人直接在需要換行的段落加個「 <p> 」標籤就完了，但是在XHTML CSS標準中就必須是這樣的 「 <p>段落文字</p> 」 意思就是必須由「 <p> 這個換行標籤開始與文章文欄位前，並在該段文字文字後以「 </p> 」標籤結束。

如很多在做html頁面時候用到小換行標籤「 br 」，很多人不知道這個標籤需要以關閉的樣式來換行，如：一段文字後要換行 很多CSS製作這就在需要換行的地方加了個「 <br> 」就好了 ，但是告訴大家這也是不標準，在XHTML驗證時候是通不過的，必須用「 <br /> 」自關閉結束。

3、標籤名必須用小寫字母

在以前的網頁中對於很多標籤通常使用大寫或大小寫的編排方式，但是在為了WEB標準現在標籤都要求小寫統一。

exp：

以前很多「<html>、<body> 」等都用大寫或大小寫混用如「 <HTML>、<BODY> 」或「<Html>、<Body> 」排版，但是XHTML統一要求需要用「 <html>、<body> 」小寫。

4、XHTML檔案必須擁有根元素

意思就是一什麼標籤開始就要用什麼標籤結束，如<body>開始就要在內容結束用</body>來關閉。

5、對於圖片需新增alt屬性

以前很多時候在網頁裡顯示圖片img標籤裡都可加可不加alt屬性，但是現在xhtml要求必須加上alt屬性,不然xhtml驗證將提示錯誤，哪怕alt的值為空都可以。

exp:

錯誤 <img src="圖片地址" />

正確<img src="圖片地址" alt=「圖片說明" />

那加了alt有什麼好處？答：加上alt可以對圖片進行文字說明，可讓搜尋引擎辨別圖片內容，是優化網頁好地方。

（學習視訊分享：）

以上就是什麼是html和xhtml的詳細內容，更多請關注TW511.COM其它相關文章！