<commit_before>## Tag標籤概覽 {#tag標籤概覽}

---

### 什麼是**“Tag”標籤**？ {#什麼是tag標籤？}

```html
<Tag></Tag>
```

> OK?

中間"Tag"可以換成不同字元、構成不同的元素，如`<html>...</html>`  
合法的HTML中Tag命名可以**是任何英文字母開頭搭配上其他英文字元或數字、底線符號**，  
如`<Meow>`、`<aRies_1>`、`<h1>`、`<center>`都是合法HTML的Tag標籤。

> 講到這你應該發現：喔！那我是不是可以隨意創造各式不同的Tag標籤呢？  
> 答對惹！~~可是沒有獎品！~~  
> 不過在網頁的世界是瀏覽器說的算，可不是你說的算喔！~~除非你加入W3C~~

Tag標籤可以依組成分成兩種

* **區塊式**
* **單一式**

**區塊式Tag標籤**通常由**一對命名一樣的Tag標籤構成**，如`<Tag>` `</Tag>`。
其中第一個`<Tag>`是開頭，告訴瀏覽器從這邊開始，後面歸我管！另一個帶著斜線的`</Tag>`是結尾，告訴瀏覽器從這邊之後我不管了。而這**開頭到結束中夾的區域**，就是**一個HTML的區塊物件**，而這個區塊有一個名稱叫做"Tag"。Tag標籤本身不會出現在瀏覽器渲染的結果上，出現的是它**中間所包含的內容**及其**已被宣告之樣式**。

> Tag標籤可以向俄羅斯娃娃一樣，一層一層地構成網頁元素，我們把這種構造叫做成**盒子模型**。詳細運用在後面CSS的張就會提到喔！  
> 雖然在前面提到Tag標籤命名有很大的自由彈性，不過有些網頁元素是構成網頁的標準，可不能不用喔！

為了對Tag標籤有近一步的了解，接下來讓我們實際看一段經典的html程式碼：

> 一段經典的HTML原始碼長這樣

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title><commit_msg>Updates 1-1.md<commit_after>## HTML標籤概覽 {#tag標籤概覽}

---

### 什麼是**“Tag”(標籤)**？ {#什麼是tag標籤？}

> 來個範例先

```html
<Tag></Tag>
```

> OK?

中間"Tag"可以換成不同字元、構成不同的元素，如`<html>...</html>`  
合法的HTML中Tag命名可以**是任何英文字母開頭搭配上其他英文字元或數字、底線符號**，  
如`<Meow>`、`<aRies_1>`、`<h1>`、`<center>`都是合法HTML的Tag標籤。

> 講到這你應該發現：喔！那我是不是可以隨意創造各式不同的Tag標籤呢？  
> 答對惹！~~可是沒有獎品！~~  
> 不過在網頁的世界是瀏覽器說的算，可不是你說的算喔！~~除非你加入W3C~~

Tag可以依組成分成兩種

* **區塊式**
* **單一式**

**區域式Tag**通常由**一對命名一樣的Tag標籤構成**，如`<Tag>` `</Tag>`。
其中第一個`<Tag>`是開頭，告訴瀏覽器從這邊開始，後面歸我管！另一個帶著斜線的`</Tag>`是結尾，告訴瀏覽器從這邊之後我不管了。而這**開頭到結束中夾的區域**，就是**一個HTML的區域元素**，而這個區塊有一個名稱叫做"Tag"。Tag標籤本身不會出現在瀏覽器渲染的結果上，出現的是它**中間所包含的內容**及其**已被宣告之樣式**。
**單一式Tag**

> Tag標籤可以向俄羅斯娃娃一樣，一層一層地構成網頁元素，我們把這種構造叫做成**盒子模型**。詳細運用在後面CSS的張就會提到喔！  
> 雖然在前面提到Tag標籤命名有很大的自由彈性，不過有些網頁元素是構成網頁的標準，可不能不用喔！

為了對Tag標籤有近一步的了解，接下來讓我們實際看一段經典的html程式碼：

> 一段經典的HTML原始碼長這樣

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
{'fraction_non_alphanumeric': 0.22191930207197383, 'fraction_numerical': 0.0054525627044711015, 'mean_word_length': 9.194444444444445, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 54, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1226512', 'n_tokens_mistral': 1656, 'n_tokens_neox': 1800, 'n_words': 66}