文章目錄
- HTML 日常開發常用標簽
- 1、基本結構標簽
- 2、內容標簽
- 3、多媒體標簽
- 4、表單標簽
- 5、列表和定義標簽
- 6、表格標簽
- 7、鏈接和圖像
- 8、元數據
- 9、語義化標簽（HTML5新增）
- 10、框架和內聯
- 11、交互
- 12、過時或不推薦使用的標簽
HTML 日常開發常用標簽
1、基本結構標簽
<html>: 定義整個HTML文檔。
<head>: 包含元數據，如標題、CSS鏈接和JavaScript鏈接。
<title>: 定義頁面標題，顯示在瀏覽器標簽中。
<body>: 包含頁面的內容，所有可視元素都在此內。
2、內容標簽
<h1>到<h6>: 定義標題，層級從高到低。
<p>: 定義段落。
<div>: 無意義的分塊，用于樣式和布局。
<span>: 無意義的內聯容器，用于文本內容。
3、多媒體標簽
<img>: 嵌入圖片。
<video>: 嵌入視頻。
<audio>: 嵌入音頻。
<source>: 定義媒體資源，如視頻或音頻文件。
<track>: 為媒體添加文本軌道，如字幕。
4、表單標簽
<form>: 定義表單，用于收集用戶輸入。
<input>: 定義輸入字段，類型包括:text、password、email、file、checkbox、radio等。
<textarea>: 定義多行文本輸入框。
<select>:定義下拉選擇框，包含 <option> 元素。
<button>: 定義按鈕。
<label>: 定義表單字段的標簽。
<fieldset>和<legend>: 組織表單元素，并為字段集合提供標題。
5、列表和定義標簽
<ul>: 無序列表。
<ol>: 有序列表。
<li>: 列表項，用于<ul>和<ol>內。
<dl>: 定義列表。
<dt>: 定義列表中的術語。
<dd>: 定義術語的描述。
6、表格標簽
<table>: 定義表格。
<tr>: 定義表格行。
<th>: 定義表頭單元格。
<td>: 定義表格單元格。
<thead>: 定義表格頭部。
<tbody>: 定義表格主體。
<tfoot>: 定義表格腳注。
7、鏈接和圖像
<a>: 定義超鏈接。
<link>: 定義外部資源鏈接，如CSS文件。
<img>: 已在多媒體標簽中提及。
8、元數據
<meta>: 提供頁面的元數據，如字符集、 viewport設置和SEO信息。
<style>: 定義CSS樣式。
<script>: 定義或引用JavaScript。
9、語義化標簽（HTML5新增）
<header>: 頁面或部分區域的頭部。
<footer>: 頁面或部分區域的底部。
<nav>: 導航鏈接區。
<section>: 獨立的內容區。
<article>: 獨立的文章內容。
<aside>: 側邊欄內容。
<details>: 提供額外細節。
<summary>: 定義 <details> 的標題。
10、框架和內聯
<iframe>: 內嵌另一個HTML文檔。
<u>、<ins>、<del>: 定義特殊的文本格式。
11、交互
<dialog>: 定義對話框（HTML5新增）。
<progress>: 顯示進度條。
<meter>: 顯示度量值。
12、過時或不推薦使用的標簽
<center>: 文本居中（已廢棄，推薦使用CSS）。
<font>:定義字體（已廢棄）。
<strike> 或 <s>:劃線文本（已廢棄，推薦使用CSS）。
<applet>:Java小程序（已廢棄）。
<embed>和<object>:嵌入外部內容（部分情況下使用）。
<b>和<i>:雖然仍可使用，但建議使用更語義化的標簽如<strong>和<em>。
)
