You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求完整权威的HTML块级与行内元素分类参考列表

权威HTML块级(Block)与行内(Inline)元素分类列表

块级元素(Block-level Elements)

块级元素默认占据父容器整行宽度,前后自动换行,可设置宽高属性。以下是HTML5规范定义的块级元素:

  • <address>:联系信息容器
  • <article>:独立可复用内容块(如博客文章、新闻条目)
  • <aside>:侧边栏或附属内容块
  • <blockquote>:长文本引用块
  • <canvas>:图形绘制容器
  • <dd>:定义列表的描述内容
  • <div>:通用无语义块容器
  • <dl>:定义列表(包含<dt>和<dd>)
  • <dt>:定义列表的术语/名称
  • <fieldset>:表单元素分组容器
  • <figcaption>:<figure>的说明文字
  • <figure>:媒体内容(图片、图表等)及其说明的容器
  • <footer>:页面/区块的页脚区域
  • <form>:表单容器
  • <h1>-<h6>:一级到六级标题
  • <header>:页面/区块的页眉区域
  • <hr>:水平分隔线
  • <li>:列表项(隶属于<ol>或<ul>)
  • <main>:页面主要内容区域(一个页面仅一个)
  • <nav>:导航链接容器
  • <noscript>:脚本禁用时的替代内容
  • <ol>:有序列表
  • <p>:段落文本
  • <pre>:预格式化文本(保留空格与换行)
  • <section>:主题内容区块
  • <table>:表格容器
  • <tbody>:表格主体部分
  • <td>:表格数据单元格
  • <tfoot>:表格页脚部分
  • <th>:表格表头单元格
  • <thead>:表格表头部分
  • <tr>:表格行
  • <ul>:无序列表
  • <video>:视频播放容器

行内元素(Inline-level Elements)

行内元素仅占据自身内容宽度,不会自动换行,多用于文本级内容标记。以下是HTML5规范定义的行内元素:

  • <a>:超链接
  • <abbr>:缩写词(可通过title显示完整内容)
  • <bdi>:双向隔离文本(处理多语言方向冲突)
  • <bdo>:手动控制文本显示方向
  • <br>:强制换行符
  • <button>:按钮控件
  • <cite>:作品标题标记(书籍、文章等)
  • <code>:代码片段标记
  • <data>:关联机器可读数据的文本
  • <dfn>:定义术语标记
  • <em>:语义化强调文本(通常显示为斜体)
  • <i>:外来词、技术术语等场景的斜体文本
  • <img>:嵌入图片元素
  • <input>:单行表单输入控件
  • <kbd>:键盘输入文本标记
  • <label>:表单控件关联标签
  • <mark>:高亮标记文本
  • <meter>:度量衡数值指示器(如磁盘使用率)
  • <output>:表单计算结果显示元素
  • <progress>:任务进度条
  • <q>:短文本引用(自动添加引号)
  • <s>:失效/过时文本标记(显示为删除线)
  • <samp>:程序/系统示例输出文本标记
  • <select>:下拉选择框控件
  • <small>:小号文本(如免责声明)
  • <span>:通用无语义行内容器
  • <strong>:语义化重要强调文本(通常显示为加粗)
  • <sub>:下标文本(如数学公式下标)
  • <sup>:上标文本(如脚注标记)
  • <textarea>:多行文本输入控件
  • <time>:时间/日期标记(datetime属性提供机器可读格式)
  • <u>:拼写错误、专有名词等场景的下划线文本
  • <var>:数学/编程变量文本标记

内容的提问来源于stack exchange,提问作者user21007683

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 14:52:39