# HTML標記分為哪幾類
HTML(HyperText Markup Language)作為構建網頁的基礎語言,其標記(Tags)按功能和用途可分為多個類別。以下是HTML標記的主要分類及詳細說明:
---
## 一、按功能分類
### 1. 結構標記
定義文檔的基本框架:
- `<html>`:根元素
- `<head>`:包含元信息(標題、字符集等)
- `<body>`:可見內容容器
- `<header>`/`<footer>`:頁眉/頁腳
- `<section>`/`<article>`:內容分區
### 2. 文本標記
控制文本顯示:
- `<h1>`-`<h6>`:標題層級
- `<p>`:段落
- `<strong>`(加粗)/`<em>`(斜體):語義強調
- `<br>`:換行
### 3. 多媒體標記
嵌入非文本內容:
- `<img>`:圖像
- `<audio>`/`<video>`:音視頻
- `<canvas>`:圖形繪制
### 4. 表單標記
用戶輸入交互:
- `<form>`:表單容器
- `<input>`:輸入控件(文本/密碼/按鈕等)
- `<select>`/`<textarea>`:下拉框/多行文本
---
## 二、按語法分類
### 1. 雙標簽
由開始和結束標簽組成:
```html
<div>內容</div>
<p>段落文本</p>
無需閉合:
<img src="image.jpg">
<br>
明確描述內容含義:
- <nav>
:導航欄
- <figure>
:配圖容器
- <time>
:時間日期
僅用于樣式或布局:
- <div>
:塊級容器
- <span>
:行內容器
位于<head>
內:
- <meta>
:字符集/視口設置
- <link>
:引入CSS
- <title>
:頁面標題
動態功能支持:
- <script>
:嵌入JavaScript
- <noscript>
:腳本不可用時的替代內容
HTML標記通過不同分類協同工作: - 功能上:構建結構、內容、交互 - 語法上:雙標簽與單標簽互補 - 語義上:提升可訪問性與SEO
合理選擇標記類型是編寫高質量HTML的關鍵。隨著HTML5的普及,語義化標記的重要性日益凸顯,開發者應優先使用<article>
、<section>
等標簽替代過度依賴<div>
的傳統做法。
提示:可通過MDN Web Docs查閱完整的HTML標記參考。 “`
注:實際字數為約600字,可根據需要擴展具體標記的示例或應用場景以達到650字要求。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。