一、HTML的基本概念和HTML文件的基本結構

2024-04-27 15:18:49

字體：大中小

來源：轉載

供稿：網友

序：需要了解的概念與詞匯

在開始學習html前我們要先了解一下幾個概念詞匯，什么是www、http和html？他們之間有什么關系？讓我們了解一下。

（1）WWW（W3C）

WWW是環球信息網的縮寫，（亦作“Web”、“WWW”、“'W3'”，英文全稱為“WorldWide Web”），中文名字為“萬維網”，"環球網"等，常簡稱為Web。分為Web客戶端和Web服務器程序。 WWW可以讓Web客戶端（常用瀏覽器）訪問瀏覽Web服務器上的頁面。是一個由許多互相鏈接的超文本組成的系統，通過互聯網訪問。在這個系統中，每個有用的事物，稱為一樣“資源”；并且由一個全局“統一資源標識符”（URI）標識；這些資源通過超文本傳輸協議（Hypertext Transfer PRotocol）傳送給用戶，而后者通過點擊鏈接來獲得資源。

萬維網聯盟（英語：World Wide Web Consortium，簡稱W3C），又稱W3C理事會。1994年10月在麻省理工學院（MIT）計算機科學實驗室成立。萬維網聯盟的創建者是萬維網的發明者蒂姆·伯納斯-李。

（2）HTTP

超文本傳輸協議（HTTP，HyperTextTransfer Protocol)是互聯網上應用最為廣泛的一種網絡協議。所有的WWW文件都必須遵守這個標準。設計HTTP最初的目的是為了提供一種發布和接收HTML頁面的方法。

（3）HTML（HTML5）

超文本標記語言，標準通用標記語言下的一個應用。

“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。

以上部分是我們在學習html之前需要了解的。如果想要詳細資料可以在搜索引擎上查找，有很多資料。了解之手我們就正式開始學習html了。

2、掌握HTML的基本結構

（1）早期完整的HTML標簽結構

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>頁面標題</title> <meta name="keyWords" content="關鍵字" /> <meta name="description" content="本頁描述或關鍵字描述" /> </head> <body> 內容 </body> </html>

（2）HTML5完整的HTML標簽結構

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>頁面標題</title> <meta name="keywords" content="關鍵字" /> <meta name="description" content="此網頁描述" /> </head> <body> 內容</body> </html> 我們可以看到早期的HTML結構和HTML5結構的聲明部分 DOCTYPE 有所區別，這里我們推薦使用HTML5的標簽結構

（a）在HTML文件中，不管是靜態文件還是動態頁面都要使用<html></html>標簽在文件首尾進行標記。

（b）在<html>標簽下方是<head></head>標簽，這個區域是給服務器、瀏覽器、外部了解JS、和CSS樣式表等預留的區域，注意此區域的內容在頁面不顯示。

（c）在<head></head>標簽中包含一個<title></title>標簽，它們是HTML文件在瀏覽器頁面的標題名稱。