一、HTML 與 XHTML
HTML概述
HTML：HyperText Mackeup Language，譯為超文本標記語言：
- 音視頻、圖片等成為超文本；<英文單詞或字母>稱為標記。
- HTML是負責描述文檔語義的語言，用于描述超文本內容的顯示方式。
- HTML語言不是一種編程語言（有編譯過程），而是一種標記語言（沒有編譯過程），直接由瀏覽器解析執行。
XHTML概述
XHTML：Extensible Hypertext Markup Language，可擴展超文本標注語言：
- 嚴格、規范、純凈的HTML，HTML的升級版。
- 所有標記必須小寫、關閉以及正確嵌套。
- 所有屬性必須有值，屬性值必須加引號。
- 文檔開頭必須要有DTD文檔類型定義。
發展歷程
HTML發展歷程.png
二、HTML文檔結構
HelloWorld
一個例子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Keywords" content="HTML 結構 入門" />
<meta name="Description" content="HTML意為超文本標記語言……" />
<title>HTML文檔結構</title>
</head>
<body>
</body>
</html>
文檔聲明頭 DTD
文檔聲明頭，DocType Declaration，簡稱DTD。此標簽告知瀏覽器哪種HTML或XHTML規范解析文檔。
- H5之前的文檔聲明一般有 Strict（嚴格的）、Transitional（普通的）、Frameset（帶有框架的）三類，如：
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - 早期的HTML版本是基于SGML, 因此需要套用SGML的解析規則。DTD的作用在于定義SGML文檔的文檔類型以便于瀏覽器解析。HTML5不再基于SGML, 因此不再需要DTD，而是簡化為
<!DOCTYPE html>， 用來觸發不同的瀏覽器渲染模式。 - 瀏覽器解析CSS有兩種模式：標準模式(strict mode)和怪異模式(quirks mode)。未聲明DTD的文檔將被采用怪異模式解析。
meta 標簽
- charset聲明字符集。
- viewport視口設置，如果不定義viewpoint的話，頁面寬度以屏幕分辨率為基準，而設置以后可以根據設備寬度來調整頁面，達到適配終端大小的效果。
- Keywords設置關鍵詞，便于搜索引擎搜索。
- Description文檔描述信息，搜索的結果展示信息。
