HTML 标签的 参考列表
★ 按照 功能分类 排列
- 点击 标签名,可跳转到 目录列表,在目录列表中,可点击查看 标签详情,每个标签 前面 都有一个 ★.
⑴ 基础标签
用途 | 标签名 |
---|---|
① <!DOCTYPE> | 文档 类型.!DOCTYPE 文档类型声明 (用的哪一版本 HTML). |
② <html> | html 文档.告诉浏览器 文件是一个 HTML 文档 |
③ <title> | 文档的 标题. |
④ <body> | 定义 文档的 主体内容. |
⑤ <h1>-<h6> | 文档内容的 标题. |
⑥ <p> | 段落 |
⑦ <br> | 换行 (注意.要正确关闭,写成 <br /> 即可.) |
⑧ <hr> | 水平线.创建一条 分隔主题的 水平线. |
⑨ <!--...--> | 注释.在 html 代码中 插入注释. |
⑵ 格式标签
① 格式标签
标签名 | 用于 |
---|---|
① <acronym> | 已废弃. 定义只取 首字母的缩写。使用<abbr> 标签代替. |
② <abbr> | 定义 缩写。(定义 简称 或缩写 ) |
③ <address> | 定义 文档/文章(article )的 作者/拥有者 的 联系信息 . |
④ <b> | 定义 粗体文本。 |
⑤ <bdo> | 定义 文字方向。覆盖重写 默认的 文本方向 . |
⑥ <big> | 已废弃. 定义 大号文本。html 5 中已废弃。 |
⑦ <blockquote> | 定义 块引用 / 长的引用。 |
⑧ <center> | 已废弃. 不赞成使用。定义 居中文本。 |
⑨ <cite> | 表示 引用文本 所在的作品名. |
⑩ <code> | 定义 计算机代码 文本。 |
⑪ <del> | 定义 被删除文本。 |
⑫ <dfn> | 定义 定义项目。术语或短语 的 定义 . |
⑬ <em> | 定义 强调文本。表示 强调的内容 . |
⑭ <font> | 已废弃. 不赞成使用。定义文本的字体、尺寸和颜色 |
⑮ <i> | 定义 斜体文本。 |
⑯ <ins> | 定义 被插入文本。 |
⑰ <kbd> | 定义 键盘文本。定义 从键盘 键入的文本 . |
⑱ <pre> | 定义 预格式化的 文本。 |
⑲ <progress> | 定义 任何类型的 表示 任务的进度(进程) . |
⑳ <q> | 定义 短的引用。 |
㉑ <s> | 已废弃. 不赞成使用。定义 加删除线的文本。是strike (也已废弃)标签的 简写版本. 用del 标签 替代. |
㉒ <samp> | 定义 计算机代码样本。计算机程序的输出 的示例(或引用). |
㉓ <small> | 定义 小号文本。 |
㉔ <strike> | 已废弃. 不赞成使用。简写版本是s (已废弃)标签, 给文本 加删除线 。使用 <del> 删除 标签 替代. |
㉕ <strong> | 定义 语气更为强烈的强调文本。 强调的程度 更强的内容 . |
㉖ <sup> | 定义 上标文本。 |
㉗ <sub> | 定义 下标文本。 |
㉘ <tt> | 已废弃. 定义 打字机样式的 等宽文本。(html 5 中已废弃。) |
㉙ <u> | 已废弃. 不赞成使用。定义 下划线文本。 |
㉚ <var> | 定义 文本的变量部分。变量的名称 或 用户提供的值 . |
② HTML5 中的 格式标签
标签名 | 用于 |
---|---|
① <bdi> | 设置 隔离 文本的方向. 定义 文本的文本方向,使其脱离其周围文本的 方向设置。 |
② <mark> | 定义 带有记号的文本 / 突出显示的文本 . |
③ <meter> | 定义 预定义 范围内的度量。定义 已知范围 或分数值内 的 标量值 . |
④ <rp> | 定义 若浏览器不支持 ruby 元素显示的内容。不支持 汉字注音 的浏览器 所显示的 回退圆括号 . |
⑤ <rt> | 定义 ruby 注释的解释。定义 字符的 发音或翻译 . |
⑥ <ruby> | 定义 ruby 注释。ruby 注释 = 东亚 字符发音: Ruby注释, 用于显示 东亚字符的发音,比如使用日本的片假名注解 furigana 或 中文的汉语拼音 bopomofo 字符。 |
⑦ <time> | 定义 日期/时间。定义 公历的 时间或日期 . |
⑧ <wbr> | 何处换行. 定义 单词换行时机。规定 在文本中的何处 适合换行. |
⑶ 表单标签
① 表单标签
标签名 | 用于 |
---|---|
① <form> | 定义 供用户输入的 HTML 表单。 |
② <input> | 定义 输入 控件。搜集 用户输入的信息 . |
③ <textarea> | 定义 多行文本 输入控件。 |
④ <button> | 定义 按钮。 |
⑤ <select> | 定义 下拉列表。 |
⑥ <optgroup> | 选项 分组. 定义选择列表中 相关 选项 option 的组合。 |
⑦ <option> | 定义 下拉列表select,datalist 中的 一个选项 |
⑧ <label> | 定义 输入input 元素 的 标注(说明)/相关联的 文本. |
⑨ <fieldset> | 表单元素 分组. 定义围绕 表单中元素的 边框。将 表单的 相关联元素 分组 . |
⑩ <legend> | 表单元素分组 标题(说明). 定义 fieldset 元素的 标题。 |
⑪ <isindex> | 已弃用。<isindex> 元素的作用是 使浏览器 显示一个对话框,提示用户 输入单行文本。在W3C的规范中建议,<isindex> 元素最好被放置在<head> 标签块内,但是对于浏览器来说,<isindex> 标签在页面任何位置 都没有关系。用 <input> 标签 来替代。 |
② HTML5 中的表单标签
标签名 | 用于 |
---|---|
① <datalist> | 定义 数据列表。 |
② <keygen> | 已弃用. 定义 生成 密钥。 |
③ <output> | 输出结果的 容器. 定义 输出 的一些类型。网站或应用程序 可以将 计算结果 或用户操作的结果 放在其中。 |
⑷ 框架标签
标签名 | 用于 |
---|---|
① <frame> | 已弃用. 定义 框架集frameset 中 的 窗口或框架。定义 一个 特定的 窗口(框架) . |
② <frameset> | 已弃用. 定义 框架集。对 多个窗口(框架) 进行 组合.搭配 frame 标签. |
③ <noframes> | 已废弃. 定义针对 不支持框架 的用户的 替代内容。让 不支持框架frameset,frame 的浏览器 显示提示文本 . |
④ <iframe> | 定义 内联框架。创建包含 另外一个文档的 内联框架. |
⑸ 图像标签
① 图像标签
标签名 | 用于 |
---|---|
<img> | 定义 图像。在网页中 嵌入一个图片. |
<map> | 定义 图像映射。一个 带有 可点击区域的 图片 (搭配 area 标签). |
<area> | 定义 图像映射中的 (可点击的) 区域 (搭配 map 标签). |
② html5 中的 新图像标签
标签名 | 用于 |
---|---|
<canvas> | 定义 图形 (画布 容器)。 |
<figcaption> | 补充说明内容的 标题或说明. 定义<figure> 元素的 标题。 |
<figure> | 定义 补充说明的 独立内容,以及它们的标题figcaption (可选的)。 |
<picture> | 多个 可选图像. 为不同的 显示/设备 提供 不同的 图像版本。(搭配 source,img 标签) |
⑹ 音频/视频 标签
标签名 | 用于 |
---|---|
① <audio> | 定义 音频 内容。 |
② <source> | 定义 媒体资源 地址。source 指定 可替换 的 视频/音频/图像 文件 (搭配 audio,vedio,picture 标签) |
③ <track> | 定义用在 媒体播放器中的 文本轨道。为 音频/视频 指定 外部文本 轨道 (搭配 audio,vedio 标签). |
④ <video> | 定义 视频 内容。 |
⑺ 链接标签
标签名 | 用于 |
---|---|
① <a> | 定义 锚(超链接)。 |
② <link> | 定义 文档与 外部资源 的关系。(链接 外部资源 ). |
③ <nav> | html5 标签,定义 导航链接。 |
⑻ 列表标签
标签名 | 用于 |
---|---|
① <ul> | 定义 无序 列表。 |
② <ol> | 定义 有序 列表。 |
③ <li> | 定义 列表的 项目。 (搭配 ol,ul,menu 标签) |
④ <dl> | 定义 定义 列表 (术语 描述列表)。搭配 dt,dd 标签 . |
⑤ <dt> | 定义 定义列表中的 术语项目。指定 定义列表中的 术语名 (搭配 dl,dt 标签). |
⑥ <dd> | 定义 定义列表中项目的 术语描述。指定 定义列表中的 术语定义/描述 部分 (搭配 dl,dt 标签) |
⑦ <menu> | 实验中 标签. 定义 命令的 菜单/列表。 |
⑧ <menuitem> | 已废弃. html5 新标签 . 定义用户可以 从弹出菜单 调用的 命令/菜单 项目。(搭配 menu 标签) |
⑨ < command > | 已废弃. html5 新标签. 定义 命令按钮。(搭配 menu 标签) |
⑩ < dir > | 已废弃. 不赞成使用。定义 目录 列表。使用 无序列表<ul> 替代. |
⑼ 表格标签
标签名 | 用于 |
---|---|
① <table> | 定义 表格.(搭配 tr,th,td 标签) |
② <caption> | 定义 表格 标题。(搭配 table 标签) |
③ <th> | 定义表格中的 表头 单元格。 |
④ <tr> | 定义表格中的 行。(搭配table,th,td 标签) |
⑤ <td> | 定义表格中的 数据 单元格。 |
⑥ <thead> | 定义表格中的 表头内容。表示 标题行. |
⑦ <tbody> | 定义表格中的 主体内容。表示 数据行. |
⑧ <tfoot> | 定义表格中的 表注内容(脚注)。表示 汇总行. |
⑨ <col> | 表格的 列 .类似行tr 的作用. (为每列 定义 公共属性/样式,搭配 colgroup 标签) |
⑩ <colgroup> | 对列 进行分组 (搭配 col 标签). |
⑽ 样式标签 & 节标签
① 样式标签 & 节标签
标签名 | 用于 |
---|---|
① <style> | 定义文档的 样式信息。文档的 内部样式 ( 搭配 head 标签). |
② <div> | 定义文档中的 块元素的 分区。给文档内容 分组 /分区 (组合 块级元素). |
③ <span> | 定义文档中的 行内元素的 分区。组合 行内元素 (行内容器). |
② HTML 5 中的 样式标签 & 节标签
标签名 | 用于 |
---|---|
① <header> | 定义 文档 或 分区(文档的 一部分区域) 的 页眉。文档 / 分区的 页眉(介绍性 信息,搭配h1~h6 标签). |
② <footer> | 定义 文档 / 分区 的 页脚 (可能搭配 address 标签). |
③ <section> | 主题性 分区(节). 定义 文档中的节,一般是具有 主题性的 (带有 标题标签 h1~h6 )。比div 的分区,有更进一步的语义. |
④ <article> | 定义 (可分离) 完整 独立 的 主题性内容 (搭配 header,h1~h6,footer 标签),例如,一篇 博客,博客中的 一条评论. |
⑤ <aside> | 定义 侧栏 (页面 间接相关 内容,附属信息)。 |
⑥ <details> | 定义 元素的 细节。(搭配 summary 标签) |
⑦ <dialog> | 定义 对话框 / 窗口 内容。 |
⑧ <summary> | 为 细节<details> 元素定义 可见的摘要/标签。 |
⑾ 元信息 标签 (文档信息 标签)
标签名 | 用于 |
---|---|
① <head> | 定义关于 文档的信息。文档的 头部 (所有 头部元素的 容器 ). |
② <meta> | 定义关于 HTML 文档的 元信息(文档信息的 信息)。 |
③ <base> | 定义页面中 所有链接的 默认地址或打开位置。 (搭配 href,target 属性) |
④ | 已废弃。定义页面中 文本的 默认字体、颜色或尺寸。 |
⑿ 编程标签
标签名 | 用于 |
---|---|
① <script> | 嵌入 内部脚本语句,或 引用 外部脚本文件(搭配 src 属性)。 |
② <noscript> | 定义 针对 不支持(禁用)脚本 的浏览器的 脚本替代内容。 |
③ <object> | 定义 嵌入的对象。(搭配 data 属性,param 标签) |
④ <param> | 提供 参数. 为嵌入对象 提供参数 (搭配 object 标签,name,value 属性) |
⑤ <embed> | html5 标签 . 为 外部应用程序(非 HTML)定义 容器。 |
⑥ | 已废弃。嵌入 插件/ 小程序 . (用 object 替代) |
结束语
- 感谢:♥♥♥ 如果这篇文章 对您有帮助的话,可以点赞、评论、关注,鼓励下作者哦,感谢阅读 ~
- 欢迎指正: 如果发现 有需要 更正的细节问题,欢迎指正,谢谢大家 ~╮( ̄▽ ̄)╭
- 转载 请注明出处 ,Thanks♪(・ω・)ノ
- 作者:Hey_Coder
- 来源:CSDN
- 原文:https://blog.csdn.net/VickyTsai/article/details/102875181
- 版权声明:本文为博主原创文章,转载请附上博文链接!