html-05 標籤關係

阿新 • • 發佈：2018-12-01

在HTML頁面中，帶有“<>”符號的元素被稱為HTML標籤，如上面提到的<HTML>、<head>、<body>都是HTML骨架結構標籤。所謂標籤就是放在“<>”標籤符中表示某個功能的編碼命令，也稱為HTML標籤或HTML元素。

標籤的分類

1.雙標籤

<標籤名>內容</標籤名>

該語法中“標籤名>”表示該標籤的作用開始，一般稱為“開始標籤（start tag）"，“</標籤名>”表示該標籤的作用結束，一般稱為“結束標籤（endtag）"。和開始標籤相比，結束標籤只是在前面加了一個關閉符"”。比如：

2.單標籤

<標籤名 />

單標籤（非常少）也稱空標籤，是指用一個標籤符號即可完整地描述某個功能的標籤。比如：

<br />

標籤的相互關係就分為兩種：

1. 巢狀關係（父子關係）

<html>

    <head>

    </head>

</html>

2. 並列關係

<head></head>

<body></body>

注意：HTML中只有這兩種關係，不存在其他花裡胡哨的關係，比如下面這個寫法是錯誤的：

<head><title></head></title>

Trick: 在sublime中快速補全html框架：

1. 按Ctrl+Shift+P開啟命令面板，輸入install，滑鼠點選下面出來的Package Control:Install Package

2. 再點選後稍微等一等，在彈出的輸入框裡，輸入Emmet，如果沒有彈出輸入框，重複第一步。

3. 在安裝時，會自動開啟配置檔案，不用管。稍等直到sublime最下面的狀態列沒有“wait”

4. 在新的html檔案中（檔案拓展名必須是html），輸入：

html:5 或者 !

再按Tab鍵即可補全

5. 右鍵選擇在瀏覽器中開啟。（如果發現瀏覽器顯示不正確，那隻能說明你沒儲存）