文章目录
- 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>。
