什麼是HTML
HTML 是一種描述 Web 文檔(頁面)的標記語言。
- HTML 代表超文本標記語言(Hyper Text Markup Language)
- 標記語言就是一組標記標籤
- HTML 文檔是由 HTML 標籤來描述的
- 每個 HTML 標記描述了不同的文檔內容
HTML 示例代碼
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
示例代碼解釋
- DOCTYPE 聲明定義將 HTML 文檔類型
<html>
和</html>
標籤之間的文本描述了一個 HTML 文檔<head>
和</head>
標籤之間的文本提供了有關 HTML 文檔的信息<title>
和</title>
標籤之間的文本提供了有關 HTML 文檔的標題<body>
和</body>
標籤之間的文本描述了可見的 HTML 文檔內容<h1>
和</h1>
標籤之間的文本描述了標題<p>
和</p>
標籤之間的文本描述了段落
通過使用這些描述,瀏覽器可以顯示一個 HTML 文檔的標題和段落。
HTML 標籤
HTML 標籤是包含了一對尖角號的關鍵詞(標籤名稱):
<tagname>content</tagname>
- HTML 標籤通常是成對的,比如
<p>
和</p>
- 一對標籤中的第一個標籤是開始標籤,第二個是結束標籤
- 結束標籤像開始標籤一樣編寫,只是在標籤名稱的前面有一個斜槓
開始標籤也可以叫做打開標籤,結束標籤也可以叫做關閉標籤。
Web 瀏覽器
一個 Web 瀏覽器的作用是讀取並顯示一個 HTML 文檔。
一個 Web 瀏覽器不顯示 HTML 標籤,而是通過它們來確定如何顯示 HTML 文檔。
HTML 頁面結構
下面是一個 HTML 頁面結構的示例:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
瀏覽器只顯示
<body>
標籤區域內的內容。
<!DOCTYPE>
聲明
<!DOCTYPE>
聲明有助於瀏覽器能夠正確地顯示 HTML 頁面。
網絡中具有不同的文檔類型。
想要正確地顯示 HTML 文檔,瀏覽器必須要知道 HTML 文檔的類型和版本。
<!DOCTYPE>
聲明是不區分大小寫的,以下所有寫法都是正確地:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
常見聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML 版本
在網絡的早期,HTML 就具有了很多版本:
版本 | 年份 |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |
本文翻譯於《w3schools》網站提供的 HTML 教程。