1.2 基本的 HTML 頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Your page title</title>
</head>
<body>
</body>
</html>
1. 網頁的頂部和頭部
<!DOCTYPE html> 部 分（ 稱爲DOCTYPE）告訴瀏覽器這是一個 HTML5 頁面。 DOCTYPE 應該始終位於頁面的第一行。
<html lang="en"> 爲網頁指定語言
1.3 標籤：元素、屬性、值及其他
標籤的組成：元素（element）、屬性（attribute）和值（value）。
1. 元素
在 HTML5 中，空元素結尾處的空格和斜槓是可選的。 XHTML 要求空元素結尾處必須有斜槓。
以前用 XHTML 的人恐怕仍然傾向於在 HTML5 中繼續使用斜槓，而其他人可能已經不用了。 不管選擇哪種方式，建議始終保持一致。
按照慣例，元素的名稱都用小寫字母。
2. 屬性和值
數字值無需包含單位，只需輸入數字本身。圖像和視頻的寬度和高度是有單位的，默認爲像素。
URL（統一資源定位符，是萬維網上文件的唯一地址）
1.4 網頁的文本內容
將 charset 值指定爲 UTF-8 和 utf-8 的結果是一樣的。
1.6 文件名和文件夾名
對文件進行組織，使訪問者更容易找到並訪問你的頁面，確保他們的瀏覽器能正確地處理頁面，以及增強搜索引擎優化（SEO）
1. 文件名採用小寫字母
2. 使用正確的擴展名
儘管也可以使用 .htm 作爲網頁的擴展名，但通常使用的是 .html。
3. 用短橫線分隔單詞
不要在文件名和文件夾名中使用空格分隔單詞。應該使用短橫線，例如 companyhistory.html 和 my-favorite-movies.html。
有的網站使用下劃線（_），我們不推薦這種做法，因爲短橫線是搜索引擎更容易接受的方式。
1.7 URL
URL（Uniform Resource Locator，統一資源定位符）是地址的別名。
URL 的第一個部分稱爲模式（scheme）。模式告訴瀏覽器如何處理需要打開的文件。
最常見的模式是 HTTP（Hypertext Transfer Protocol，超文本傳輸協議）。
HTTP 是用於訪問網頁的。 HTTPS 是從 HTTP 衍生來的，用於電子商務網站等安全網頁。它的格式同 HTTP 一樣，只是用 https 替代了 http。
模式 主機名 路徑
"http://www.site.com/tofu/index.html"
目錄 文件名
URL 的第二個部分是文件所在的主機的名稱，緊接着是路徑，路徑包含到達這個文件的文件夾以及文件自身的名稱（這些都是可選的）。
有時， URL 路徑不以文件名結尾，而以一個目錄結尾（可以包含一個結尾的斜槓，也可以不包含）， 如圖 1.7.2 所示。
在這種情況下， URL 指的是路徑中最後一個目錄中的默認文件，通常爲 index.html。
（通常情況下，所有 Web 服務器的配置都將 index.html 作爲默認文件名，因此你不必修改任何服務器配置。）
其他模式有用於下載文件的 ftp（File Transfer Protocol，文件傳輸協議），用於發送電子郵件的 mailto
1. 絕對 URL
絕對 URL（absolute URL）包含了指向目錄或文件的完整信息， 包括模式、主機名和路徑
2. 相對 URL
引用同一目錄下的文件
如果目標文件與當前頁面（也就是包含URL 的頁面）在同一個目錄中， 那麼這個文件的相對 URL 就只有文件名和擴展名
引用子目錄下的文件
如果目標文件在當前目錄的子目錄中，那麼這個文件的相對 URL 就是子目錄名，接着是一個斜槓， 然後是文件名和擴展名
引用上層目錄的文件
如果要引用文件層次結構中更上層目錄中的文件， 那麼應該使用兩個句點和一個斜槓
根相對 URL
在最開始使用一個斜槓，這樣本例中的根相對 URL 就是 /img/family/vacation.jpg（假定 img 文件夾位於網站的根文件夾，這也是慣常的用法）。
需要強調的是，這種做法只能用於 Web 服務器，例如在網站託管服務供應商的 Web 服務器上，或者在本地計算機運行的 Web 服務器上（參見提示）。
3. 絕對 URL 和相對 URL 的比較