首页 > 试题广场 >

HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?

[问答题]
HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
添加回答
拯救世界的光太郎头像 拯救世界的光太郎

行内元素可以理解为紧身裤，它的胖瘦取决于穿的人，行内元素并没有自己的独立空间，宽度会随着内容的变化而变化，因此并不能设定其宽高。

而块级元素就相当于是睡衣，它的大小可以任由你来调节，也就是块级元素是有自己的大小的，可以设定其宽高。

并且由于行内元素没有宽高，因此两个行内元素会排在一行，一般情况下块级元素是独占一行，填充满其父元素的宽度。可以用来辅助理解，哈哈哈啊哈哈哈

编辑于 2021-03-05 06:57:24 回复(2)
花与琴de流星头像 花与琴de流星
行内元素：a,b,i,em,strong,big,small,br,font,dfn,code,cite,img,input,label,span,sub,sup,textarea多行文本输入框,var 块级元素：div,p,ol,ul非排序表,table,menu,center居中对齐块，dir目录列表,dl定义列表,from交互表单，h1-h6 可变元素：Button,del,map,object,,script客户脚本 空元素：br换行 ，hr分割线，input文本框，img图片，link meta
发表于 2019-09-02 17:15:19 回复(0)
Ricolo头像 Ricolo
没有闭合元素的称为空元素
发表于 2021-06-14 08:48:55 回复(0)
元气少女小七头像 元气少女小七
HTML5 中不支持 <acronym> 标签。请使用  <abbr>  标签代替。
请看链接：http://www.w3school.com.cn/tags/tag_acronym.asp
发表于 2017-02-15 15:46:48 回复(0)
夜仙森Yuki头像 夜仙森Yuki
1.行内元素

  • a - 锚点
  • abbr - 缩写
  • acronym - 首字
  • b - 粗体 ( 不推荐 )
  • bdo - bidi override
  • big - 大字体
  • br - 换行
  • cite - 引用
  • code - 计算机代码 ( 在引用源码的时候需要 )
  • dfn - 定义字段
  • em - 强调
  • font - 字体设定 ( 不推荐 )
  • i - 斜体
  • img - 图片
  • input - 输入框
  • kbd - 定义键盘文本
  • label - 表格标签
  • q - 短引用
  • s - 中划线 ( 不推荐 )
  • samp - 定义范例计算机代码
  • select - 项目选择
  • small - 小字体文本
  • span - 常用内联容器，定义文本内区块
  • strike - 中划线
  • strong - 粗体强调
  • sub - 下标
  • sup - 上标
  • textarea - 多行文本输入框
  • tt - 电传文本
  • u - 下划线
  • var - 定义变量

2.块元素 (block element)

  • address - 地址
  • blockquote - 块引用
  • center - 举中对齐块
  • dir - 目录列表
  • div - 常用块级容易，也是 css layout 的主要标签
  • dl - 定义列表
  • fieldset - form控制组
  • form - 交互表单
  • h3-大标题
  • h4 - 副标题
  • h3 - 3级标题
  • h4 - 4级标题
  • h5 - 5级标题
  • h6 - 6级标题
  • hr - 水平分隔线
  • isindex - input prompt
  • menu - 菜单列表
  • noframes - frames可选内容，（对于不支持 frame 的浏览器显示此区块内容
  • noscript - ）可选脚本内容（对于不支持 script 的浏览器显示此内容）
  • ol - 排序表单
  • p - 段落
  • pre - 格式化文本
  • table - 表格
  • ul - 非排序列表

可变元素

可变元素为根据上下文语境决定该元素为块元素或者内联元素。

  • applet - java applet
  • button - 按钮
  • del - 删除文本
  • iframe - inline frame
  • ins - 插入的文本
  • map - 图片区块 (map)
  • object - object对象
  • script - 客户端脚本

3.空元素 ( 在 HTML[1] 元素中，没有内容的 HTML 元素被称为空元素 )

  • <br/> //换行
  • <hr> //分隔线
  • <input> //文本框等
  • <img> //图片
  • <link> <meta>

发表于 2017-03-08 14:14:02 回复(3)
一只菜狗路过头像 一只菜狗路过
<p>行内标签：a 锚点 br换行 input img span </p><p>块级标签 div p table h1～h6 </p><p>空标签 br input hr</p>
发表于 2021-09-07 15:31:45 回复(0)
求伯君头像 求伯君

行内元素

  • a - 锚点
  • abbr - 缩写
  • b - 粗体
  • bdo - 标签覆盖默认的文本方向
  • br - 换行
  • cite - 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题
  • code - 定义计算机代码文本
  • dfn - 定义字段
  • em - 强调
  • i - 斜体
  • img - 图片
  • input - 输入框
  • kbd - 定义键盘文本
  • label - 表格标签
  • q - 短引用
  • samp - 定义范例计算机代码
  • select - 项目选择
  • small - 小字体文本
  • span - 常用内联容器，定义文本内区块
  • strong - 粗体强调
  • sub - 下标
  • sup - 上标
  • textarea - 多行文本输入框
  • var - 定义变量

块元素

  • address - 地址
  • blockquote - 块引用
  • div - 常用块级元素
  • dl - 定义列表
  • fieldset - form 控制组
  • form - 交互表单
  • h1~h6 - 标题
  • hr 水平分隔线
  • menu - 菜单列表
  • noscript - 可选脚本内容（对于不支持 script 的浏览器显示此内容）
  • ol - 有序表单
  • p - 段落
  • pre - 格式化文本
  • table - 表格
  • ul - 无序列表

可变元素（可根据上下文语境决定该元素为块级元素或者内联元素）

  • button - 按钮
  • del - 删除文本
  • iframe - 创建包含另一个文档的行内框架
  • ins - 插入的文本
  • map - 图片区块
  • object - object对象
  • script - 客户端脚本

空元素（没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。）

  • <br/>
  • <hr/>
  • <input/>
  • <img/>
  • <link/><meta/>
编辑于 2021-03-18 12:37:16 回复(0)
Hayleyll头像 Hayleyll
button标签是inline-block
发表于 2020-08-08 00:45:28 回复(0)
牛牛百分百头像 牛牛百分百
<p>行内元素:a标签，span标签，img</p><p>块级元素:div，h标签，</p><p><br></p>
发表于 2020-05-31 14:33:02 回复(0)
蒲公英想养花头像 蒲公英想养花

行内元素：a, b, i, abbr, span, sub, sup, strike, strong, 块级元素：div, p, h1-h6, ul, textarea, table, button 空元素：hr, input, br, img, link, meta

编辑于 2020-04-21 22:12:10 回复(1)
994zzh头像 994zzh
H5标签元素
发表于 2020-03-25 23:38:36 回复(0)
你的名字没有多长头像 你的名字没有多长
有这么多吗？
发表于 2019-11-29 14:41:08 回复(0)
杉兜兜头像 杉兜兜
http://www.jianshu.com/p/815cfbb23992
编辑于 2017-09-10 19:38:22 回复(0)
提交观点

问题信息

上传者：牛妹
难度：
13条回答 9452浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号