自学内容网 自学内容网

HTML常见标签列表,涵盖了多种用途的标签。

文档结构标签

  1. <!DOCTYPE html>:声明文档类型,告诉浏览器使用HTML5标准。
  2. <html>:HTML文档的根元素。
  3. <head>:包含文档的元数据(meta-data),如标题、字符集、样式表链接、脚本等。
  4. <title>:设置网页的标题,显示在浏览器标签上。
  5. <meta>:提供文档的元数据,如字符集、作者、描述等。
  6. <link>:用于链接外部资源,如CSS文件。
  7. <style>:包含内部CSS样式。
  8. <script>:包含或链接外部JavaScript代码。
  9. <base>:指定页面中所有URL的基准URL。

内容分区标签

  1. <header>:定义文档或节的头部。
  2. <nav>:定义导航链接部分。
  3. <section>:定义文档中的节。
  4. <article>:定义独立、完整的内容块。
  5. <aside>:定义内容之外的内容,如侧边栏。
  6. <footer>:定义文档或节的页脚。
  7. <main>:定义文档的主要内容。
  8. <div>:通用容器,用于布局和样式化。
  9. <span>:行内容器,用于对文本的小块进行样式化。

文本格式化标签

  1. <h1> - <h6>:标题标签,<h1>最高级,<h6>最低级。
  2. <p>:段落。
  3. <blockquote>:长引用。
  4. <q>:短引用。
  5. <pre>:预格式化文本。
  6. <hr>:水平线。
  7. <br>:换行。
  8. <strong>:表示语气强烈的文本(通常为粗体)。
  9. <em>:表示语气强调的文本(通常为斜体)。
  10. <small>:小号文本。
  11. <sub>:下标文本。
  12. <sup>:上标文本。
  13. <mark>:高亮文本。
  14. <del>:删除文本(通常显示为带删除线的文本)。
  15. <ins>:插入文本(通常显示为带下划线的文本)。
  16. <code>:计算机代码文本。
  17. <kbd>:用户输入文本(通常是键盘输入)。
  18. <samp>:示例文本。
  19. <var>:变量文本。
  20. <abbr>:缩写。
  21. <cite>:引用标题。
  22. <dfn>:定义术语。
  23. <time>:日期或时间。

列表标签

  1. <ul>:无序列表。
  2. <ol>:有序列表。
  3. <li>:列表项。
  4. <dl>:定义列表。
  5. <dt>:定义列表中的术语。
  6. <dd>:定义列表中的描述。

链接和媒体标签

  1. <a>:超链接。
  2. <img>:图像。
  3. <map>:图像映射。
  4. <area>:图像映射中的区域。
  5. <audio>:音频内容。
  6. <video>:视频内容。
  7. <source>:媒体资源(用于<audio><video>)。
  8. <track>:为<audio><video>提供文本轨道(如字幕)。
  9. <embed>:嵌入外部内容(如插件)。
  10. <object>:嵌入多媒体对象。
  11. <param>:为<object>定义参数。
  12. <canvas>:用于绘制图形的画布。
  13. <svg>:可缩放矢量图形。

表格标签

  1. <table>:表格。
  2. <caption>:表格标题。
  3. <thead>:表格头部。
  4. <tbody>:表格主体。
  5. <tfoot>:表格尾部。
  6. <tr>:表格行。
  7. <th>:表头单元格。
  8. <td>:表格数据单元格。
  9. <col>:定义表格列的属性。
  10. <colgroup>:对表格中的列进行分组。

表单标签

  1. <form>:表单。
  2. <input>:输入控件(文本框、单选按钮、复选框等)。
  3. <textarea>:多行文本输入控件。
  4. <button>:按钮。
  5. <select>:下拉列表。
  6. <option>:下拉列表中的选项。
  7. <optgroup>:对下拉列表中的选项进行分组。
  8. <label>:表单控件的标签。
  9. <fieldset>:将表单中的元素分组。
  10. <legend>:为<fieldset>定义标题。
  11. <datalist>:规定输入字段的选项列表。
  12. <keygen>:用于生成密钥(不再推荐使用)。
  13. <output>:用于显示计算结果。

脚本和交互标签

  1. <script>:嵌入或链接JavaScript代码。
  2. <noscript>:在浏览器不支持或禁用JavaScript时显示的内容。
  3. <template>:用于存储客户端内容的HTML模板。

其他标签

  1. <meta>:用于指定网页的元数据,如作者、描述、关键词等。
  2. <base>:指定页面中所有URL的基准URL。
  3. <command>:用户可调用的命令(已废弃)。
  4. <progress>:表示任务进度。
  5. <meter>:表示已知范围内的测量值(如磁盘使用情况)。
  6. <details>:用于描述文档或文档片段的详细信息。
  7. <summary>:为<details>元素提供可见标题。
  8. <dialog>:显示对话框或窗口。

原文地址:https://blog.csdn.net/2302_77250325/article/details/144375500

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!