【前言】
本系列為個人前端學習之路的學習筆記，在過往的學習過程中累積了很多筆記，如今想藉著IT邦幫忙這個平台做整理+再複習。
本系列標題一律以【】標示該篇文章主要涉及的內容，例如【JavaScript】、【Vue】等等。
若內容有誤，還麻煩各路大神不吝於點出問題，感激不敬。

HTML是超文本「標記」語言

HTML全稱為Hypertext Markup Language，是一種超文本標記語言（並非程式語言）
其中最重要的，就是標記（markup）
標記代表把文字標記（markup）起來，賦予某種特性，而細節上去賦予各種不同的特性則為標籤（tag）

標記（markup）？標籤（tag）？HTML元素（element）？

以常見< h1 >為例
h1這兩個字元本身在最原初的情況下，並不具有任何的意義
而HTML作為標記語言，透過「標記（markup）」這個行為將各種單字「標記」成特殊的語意
例如h1這兩個字元代表了一個「最重要的標題」的意義

HTML將各種單字「標記」成特殊的語意，但是瀏覽器在讀HTML檔案時，僅僅看到h1是讀不懂的
為了能讓瀏覽器好好的理解HTML檔案的內容，這些標記過後的字元以「標籤（tag）」的形式來實踐
例如h1變成了有包含角括號< h1 >，這樣瀏覽器就不會和一般文章中的h1搞混了

到此，大概可以理解標記（markup）與標籤（tag）之間的關係

標籤（tag）

在撰寫HTML原始碼的時候，我們通常是使用包含角括號的「標籤（tag）」來表達各種語意
例如用< h1 >表達這段內容是這個網頁最重要的東西

<h1>我是標題</h1>

< h1 >是一個HTML「標籤」，而< h1 >有「開始標籤」和「結束標籤（</ h1 >）」
HTML元素則是指「< h1 >中間內容< /h1 >」這個整體，即包含開始標籤、結尾標籤和被兩者包裹住的內容

空元素

並非每個HTML標籤都有開始標籤和結束標籤，例如< img >就沒有

<img src="...">

這種類型的HTML標籤被稱為「空元素」，是不需要結尾標籤的
同樣是空元素的還有：< br >、< hr >......等等