以下是 HTML 中一些常用的标签，按功能分类整理：
1. 结构标签
•：定义 HTML 文档的根元素。
•
：包含文档的元信息，如标题、字符集和样式表链接。
•
：定义文档的标题，显示在浏览器标签上。<br>•<body>：包含文档的可见内容。<br>•<header>：定义文档或部分的页眉。<br>•<nav>：定义导航链接的容器。<br>•<main>：定义文档的主要内容。<br>•<section>：定义文档中的独立部分。<br>•<article>：定义独立的内容块，如文章或博客帖子。<br>•<aside>：定义与主要内容相关但独立的内容，如侧边栏。<br>•<footer>：定义文档或部分的页脚。<br>•<div>：通用容器，用于布局和样式分组。<br><strong>2. 文本与内容标签</strong><br>•<h1>到 <h6>：定义标题，<h1>最大，<h6>最小。<br>•<p>：定义段落。<br>•<span>：用于对行内元素进行分组或样式化。<br>•<a>：定义超链接，通过 href属性指定链接地址。<br>•<strong>：表示重要文本，通常加粗显示。<br>•<em>：表示强调文本，通常斜体显示。<br>•<br>：插入换行。<br>•<hr>：插入水平分隔线。<br>•<blockquote>：定义块引用。<br>•<q>：定义短引用。<br>•<code>：表示代码片段。<br>•<pre>：保留文本的格式（如空格和换行）。<br><strong>3. 媒体标签</strong><br>•<img>：插入图像，通过 src属性指定图像路径。<br>•<audio>：插入音频文件。<br>•<video>：插入视频文件。<br>•<source>：为 <audio>和 <video>提供多个媒体源。<br>•<iframe>：嵌入外部网页或内容。<br><strong>4. 列表标签</strong><br>•<ul>：定义无序列表。<br>•<ol>：定义有序列表。<br>•<li>：定义列表项。<br>•<dl>：定义描述列表。<br>•<dt>：定义描述列表中的术语。<br>•<dd>：定义描述列表中的描述。<br><strong>5. 表格标签</strong><br>•<table>：定义表格。<br>•<tr>：定义表格行。<br>•<th>：定义表头单元格。<br>•<td>：定义表格数据单元格。<br>•<caption>：定义表格标题。<br>•<thead>、<tbody>、<tfoot>：分组表格内容。<br><strong>6. 表单标签</strong><br>•<form>：定义表单，用于用户输入。<br>•<input>：定义输入字段，类型包括文本、密码、单选、复选等。<br>•<textarea>：定义多行文本输入区域。<br>•<label>：为表单元素定义标签。<br>•<select>：定义下拉列表。<br>•<option>：定义下拉列表中的选项。<br>•<button>：定义按钮。<br>•<fieldset>：将表单元素分组。<br>•<legend>：为 <fieldset>定义标题。<br><strong>7. 语义与交互标签</strong><br>•<details>：定义用户可以查看或隐藏的额外细节。<br>•<summary>：为 <details>定义可见标题。<br>•<dialog>：定义对话框或窗口。<br>•<progress>：表示任务的进度。<br>•<meter>：表示标量测量值。<br><strong>8. 元信息标签</strong><br>•<meta>：提供文档的元数据，如字符集、描述和关键词。<br>•<link>：链接外部资源，如样式表。<br>•<style>：定义内部 CSS 样式。<br>•<script>：嵌入或引用 JavaScript 代码。</p> </div>
<p itemprop="keywords" class="tags">标签: none</p>
</article>
<div id="comments">
<div id="respond-post-39" class="respond">
<div class="cancel-comment-reply">
<a id="cancel-comment-reply-link" href="https://www.fjtools.cn/index.php/archives/39/#respond-post-39" rel="nofollow" style="display:none" onclick="return TypechoComment.cancelReply();">取消回复</a> </div>
<h3 id="response">添加新评论</h3>
<form method="post" action="https://www.fjtools.cn/index.php/archives/39/comment" id="comment-form" role="form">
<p>
<label for="author" class="required">称呼</label>
<input type="text" name="author" id="author" class="text"
value="" required/>
</p>
<p>
<label
for="mail" class="required">Email</label>
<input type="email" name="mail" id="mail" class="text"
value="" required />
</p>
<p>
<label
for="url">网站</label>
<input type="url" name="url" id="url" class="text" placeholder="http://"
value="" />
</p>
<p>
<label for="textarea" class="required">内容</label>
<textarea rows="8" cols="50" name="text" id="textarea" class="textarea"
required></textarea>
</p>
<p>
<button type="submit" class="submit">提交评论</button>
</p>
</form>
</div>
</div>
<ul class="post-near">
<li>上一篇: <a href="https://www.fjtools.cn/index.php/archives/38/" title="电脑快捷键，让你从菜鸟变高手">电脑快捷键，让你从菜鸟变高手</a></li>
<li>下一篇: <a href="https://www.fjtools.cn/index.php/archives/40/" title="清雨博客-PHP开源博客系统">清雨博客-PHP开源博客系统</a></li>
</ul>
</div><!-- end #main-->
<div class="col-mb-12 col-offset-1 col-3 kit-hidden-tb" id="secondary" role="complementary">
<section class="widget">
<h3 class="widget-title">最新文章</h3>
<ul class="widget-list">
<li><a href="https://www.fjtools.cn/index.php/archives/87/">小兔文档 1.15.1 发布</a></li><li><a href="https://www.fjtools.cn/index.php/archives/83/">小兔文档 1.15.0 发布</a></li><li><a href="https://www.fjtools.cn/index.php/archives/81/">小兔信息 1.2.1 发布</a></li><li><a href="https://www.fjtools.cn/index.php/archives/78/">1.2 搭建开发环境</a></li><li><a href="https://www.fjtools.cn/index.php/archives/77/">1.1 认识Java</a></li> </ul>
</section>
<section class="widget">
<h3 class="widget-title">标签</h3>
<div class="tag-cloud" style="display: flex; flex-wrap: wrap; gap: 8px;">
<a href="https://www.fjtools.cn/index.php/tag/%E5%B0%8F%E5%85%94%E8%BD%AF%E4%BB%B6/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">小兔软件</a><a href="https://www.fjtools.cn/index.php/tag/%E5%B0%8F%E5%85%94%E4%BF%A1%E6%81%AF/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">小兔信息</a><a href="https://www.fjtools.cn/index.php/tag/python/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">python</a><a href="https://www.fjtools.cn/index.php/tag/Java/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">Java</a><a href="https://www.fjtools.cn/index.php/tag/%E5%B0%8F%E5%85%94%E6%96%87%E6%A1%A3/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">小兔文档</a><a href="https://www.fjtools.cn/index.php/tag/%E5%B0%8F%E5%85%94%E7%AC%94%E8%AE%B0/" style="padding: 4px 10px; background: #f0f0f0; border-radius: 4px; text-decoration: none; color: #333; font-size: 14px; transition: background-color 0.3s;">小兔笔记</a> </div>
</section>
<section class="widget">
<h3 class="widget-title">最近回复</h3>
<ul class="widget-list">
<li>
<a href="https://www.fjtools.cn/index.php/archives/1/#comment-1">Typecho</a>: 欢迎加入 Typecho 大家族 </li>
</ul>
</section>
<section class="widget">
<h3 class="widget-title">其它</h3>
<ul class="widget-list">
<li class="last"><a href="https://www.fjtools.cn/admin/login.php">登录</a>
</li>
<li><a href="https://www.fjtools.cn/index.php/feed/">文章 RSS</a></li>
<li><a href="https://www.fjtools.cn/index.php/feed/comments/">评论 RSS</a></li>
<li><a href="https://typecho.org">Typecho</a></li>
</ul>
</section>
</div><!-- end #sidebar -->
</div><!-- end .row -->
</div>
</div><!-- end #body -->
<footer id="footer" role="contentinfo">
© 2026 <a href="https://www.fjtools.cn/">飞记资源网</a>.
<a href="https://beian.miit.gov.cn/" rel="noreferrer" target="_blank" style="color: inherit; text-decoration: none;">赣ICP备2025070231号-1</a>.
<img src="/usr/themes/default/img/beian.png" width="16" height="16" /> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=36062202000293" rel="noreferrer" target="_blank" style="color: inherit; text-decoration: none;">赣公网安备36062202000293号</a>.
由 <a href="https://typecho.org">Typecho</a> 强力驱动</footer><!-- end #footer -->
</body>
</html>