HTML (HyperText Markup Language) 和 CSS (Cascading Style Sheets) 是網頁設計中最重要的兩個技術之一。它們的作用是創建網頁樣式和布局，并確保網頁能夠正確顯示和交互。因此，了解 HTML 和 CSS 的命名規則非常重要，能夠幫助我們正確地使用這些技術來創建高質量的網頁。

HTML 命名規則

HTML 命名規則是基于元數據的。元數據是指 HTML 文檔中包含的數據，例如標題、段落、圖像等等。元數據由命名空間定義，例如：

<title>My Webpage</title>

<p>This is a paragraph of text.</p>

在這些例子中，`<title>` 元素定義了頁面的標題，`<p>` 元素定義了一段文本。`<title>` 和 `<p>` 元素都有特定的命名規則，如下所示：

- `<title>` 元素必須使用 HTML 標記中的 `<` 和 `>` 符號來標識。例如：`<title>My Webpage</title>`。

- `<p>` 元素必須使用 HTML 標記中的 `<` 和 `>` 符號來標識。例如：`<p>This is a paragraph of text.</p>`。

這些命名規則可以幫助開發人員正確地解析和渲染 HTML 文檔，以便創建高質量的網頁。

CSS 命名規則

CSS 命名規則是基于 CSS 元素的。CSS 是用于樣式和布局 HTML 頁面的技術。CSS 命名規則如下：

1. 屬性名

CSS 屬性名是使用 Markdown 格式來標識的。例如：

border-radius: 5px;

background-color: #f00;

CSS 屬性值是使用 HTML 標記來標識的。例如：

border-radius: 5px;

background-color: #f00;

3. 子屬性名

CSS 子屬性名是使用 Markdown 格式來標識的。例如：

radius: 5px;

4. 值子屬性名

CSS 值子屬性名是使用 HTML 標記來標識的。例如：

border-radius-top: 5px;

這些命名規則可以幫助開發人員正確地定義 CSS 樣式，以便創建高質量的網頁。