求完整权威的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
相关产品推荐
相关产品推荐

