html最常用的标签是哪些?
HTML 标签是构成 HTML 文档的基本元素,负责定义网页中的各个部分。HTML 标签通常成对出现,由开始标签和结束标签组成(如 <div> 和 </div>)。有些标签是单标签(例如 <img>),无需结束标签。
以下是一些常见的 HTML 标签,按功能和类型分类:
1. 文档结构标签
这些标签定义 HTML 文档的基本结构。
<html>:定义整个 HTML 文档。<head>:包含页面的元数据(如文档标题、字符集、外部资源的链接等)。<title>:定义文档的标题(在浏览器标签上显示)。<body>:包含页面的可视内容。<header>:定义文档的头部,通常包含导航、标题等信息。<footer>:定义文档的页脚,通常包含版权信息、联系方式等。<section>:定义页面的一个独立区域或章节。<article>:定义独立的内容块,通常是可以独立存在的部分(例如文章、新闻等)。<nav>:定义导航区域,用于包含链接。<main>:定义文档的主体部分。<aside>:定义侧边栏内容,通常是与主内容相关但不直接依赖的部分。
2. 文本格式化标签
这些标签用于格式化和修饰文本。
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>:定义六个不同等级的标题。<p>:定义段落。<b>:使文本加粗(语义上应使用<strong>)。<i>:使文本斜体(语义上应使用<em>)。<u>:使文本带下划线。<strong>:表示强烈强调的文本,通常显示为加粗。<em>:表示强调的文本,通常显示为斜体。<mark>:标记文本,通常用于突出显示。<small>:使文本显示为较小字体。<sub>:定义下标文本。<sup>:定义上标文本。<del>:删除文本。<ins>:插入文本。<blockquote>:定义引用的文本。<code>:表示计算机代码或命令。<pre>:预格式化文本,通常保持空格和换行。
3. 列表标签
用于创建不同类型的列表。
<ul>:无序列表。<ol>:有序列表。<li>:列表项。<dl>:定义描述列表(例如词汇与其描述)。<dt>:定义描述列表的术语。<dd>:定义描述列表中的描述部分。
4. 链接和嵌入标签
这些标签用于定义链接和嵌入外部资源。
<a>:定义超链接。<img>:嵌入图片。<audio>:嵌入音频。<video>:嵌入视频。<iframe>:嵌入一个独立的 HTML 页面。<embed>:嵌入外部内容(例如 Flash、Java Applets 等)。<object>:定义对象元素,通常用于嵌入其他文件(如 PDF)。<link>:定义外部资源的链接(通常用于链接 CSS 文件)。<script>:定义 JavaScript 脚本。<style>:包含 CSS 样式。
5. 表格标签
这些标签用于定义表格结构。
<table>:定义表格。<tr>:定义表格行。<th>:定义表格头单元格(通常是加粗和居中)。<td>:定义表格数据单元格。<thead>:定义表格头部。<tbody>:定义表格主体。<tfoot>:定义表格脚部。<caption>:定义表格的标题。
6. 表单标签
用于创建用户输入表单。
<form>:定义表单。<input>:定义输入字段。<button>:定义按钮。<select>:定义下拉菜单。<option>:定义<select>中的选项。<textarea>:定义多行文本输入框。<label>:定义标签,通常与表单元素关联。<fieldset>:定义一组相关的表单元素。<legend>:为<fieldset>定义标题。<datalist>:定义建议列表。<keygen>:定义密钥生成器(已弃用)。
7. 内联元素和块级元素
- 内联元素(如
<span>、<a>、<img>等)不会创建新块,通常用于在行内应用样式。 - 块级元素(如
<div>、<p>、<h1>等)通常开始于新的一行,并占用整个行宽。
8. 元数据标签
这些标签用于提供有关页面的信息,通常不直接显示在页面上。
<meta>:定义元数据,如字符集、描述、关键词等。<base>:定义页面的基础 URL。<link>:定义与文档相关的外部资源,如样式表。<script>:用于包含 JavaScript 代码或引用外部脚本文件。
9. 语义化标签
HTML5 引入了一些新的语义化标签,它们更清晰地定义了文档的结构。
<article>:独立内容块。<section>:文档中的一个区域或章节。<nav>:定义导航链接。<header>:定义页面头部,通常包含网站名称、导航等。<footer>:定义页面或文档的页脚。<aside>:定义与主内容相关但不直接依赖的内容(例如侧边栏)。<p>:包含图像、图表等内容。<figcaption>:为<p>提供标题。
10. CSS 样式标签
这些标签用于定义页面的样式。
<style>:包含 CSS 样式。<link>:定义外部 CSS 文件的链接。
11. 其他常见标签
<div>:定义一个块级容器,用于布局或分组。<span>:定义一个内联容器,用于分组或样式。<hr>:定义水平线,用于分隔内容。<br>:插入换行符。<wbr>:定义可能换行的位置。



