首页 > 试题广场 >

下列哪些是块

[不定项选择题]
下列哪些是块级元素（） 
  • input
  • ul
  • hr
  • li
  • div
  • form
查看答案及解析
添加回答
推荐
啊hi哈哟头像 啊hi哈哟
input是行内替换元素
编辑于 2017-03-03 10:23:01 回复(5)
菜鸟腾飞头像 菜鸟腾飞
  1. 块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊，它只能用来容纳其他块元素。   
  2.   
  3. 如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。而有了css以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。但是如果普通使用者不经意点了 查看页面源代码按钮后，两者所表现出来的差异就非常大了。基于良好重构理念设计的css布局页面源码，至少也能让没有web开发经验的普通使用者把内容快 速的读懂。从这个角度来说，css layout code应该有更好的美学体验吧。   
  4.   
  5. 你能够把块容器元素div想象成一个个box，或者如果你玩过剪贴文载的话，那就更加容易理解了。我们先把需要的文章从各种报纸、杂志总剪 下来。每块剪下来的内容就是一个block。然后我们把这些纸块按照自己的排版意图，用胶水重新贴到一张空白的新纸上。这样就形成了你自己独特的文摘快报 了。作为一种技术的延伸，网页布局设计也遵循了同样的模式。.   
  6.   
  7. 内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素 “a”。   
  8.   
  9. 块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属 性差异就不成为差异了。比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。   
  10.   
  11. 可变元素的基本概念就是他需要根据上下文关系确定该元素是块元素或者内联元素。可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。大致的元素分类见全文。   
  12.   
  13. 关于inline element的中文叫法，有多种内联元素、内嵌元素、行内元素、直进式元素。基本上没有统一的翻译，爱怎么叫怎么叫吧。另外提到内联元素，我们会想到有个display的属性是display:inline;这个属性能够修复著名的IE双倍浮动边界问题。   
  14.   
  15. 块元素(block element)   
  16.   
  17. * address - 地址   
  18. * blockquote - 块引用   
  19. * center - 举中对齐块   
  20. * dir - 目录列表   
  21. * div - 常用块级容易，也是css layout的主要标签   
  22. * dl - 定义列表   
  23. * fieldset - form控制组   
  24. * form - 交互表单   
  25. * h1 - 大标题   
  26. * h2 - 副标题   
  27. * h3 - 3级标题   
  28. * h4 - 4级标题   
  29. * h5 - 5级标题   
  30. * h6 - 6级标题   
  31. * hr - 水平分隔线   
  32. * isindex - input prompt   
  33. * menu - 菜单列表   
  34. * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容   
  35. * noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）   
  36. * ol - 排序表单   
  37. * p - 段落   
  38. * pre - 格式化文本   
  39. * table - 表格   
  40. * ul - 非排序列表   
  41.   
  42. 内联元素(inline element)   
  43.   
  44. * a - 锚点   
  45. * abbr - 缩写   
  46. * acronym - 首字   
  47. * b - 粗体(不推荐)   
  48. * bdo - bidi override   
  49. * big - 大字体   
  50. * br - 换行   
  51. * cite - 引用   
  52. * code - 计算机代码(在引用源码的时候需要)   
  53. * dfn - 定义字段   
  54. * em - 强调   
  55. * font - 字体设定(不推荐)   
  56. * i - 斜体   
  57. * img - 图片   
  58. * input - 输入框   
  59. * kbd - 定义键盘文本   
  60. * label - 表格标签   
  61. * q - 短引用   
  62. * s - 中划线(不推荐)   
  63. * samp - 定义范例计算机代码   
  64. * select - 项目选择   
  65. * small - 小字体文本   
  66. * span - 常用内联容器，定义文本内区块   
  67. * strike - 中划线   
  68. * strong - 粗体强调   
  69. * sub - 下标   
  70. * sup - 上标   
  71. * textarea - 多行文本输入框   
  72. * tt - 电传文本   
  73. * u - 下划线   
  74. * var - 定义变量   
发表于 2017-08-26 14:40:02 回复(8)
UnKid头像 UnKid
  （1）行内元素有：a b span img input select strong 
  （2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
  （3）常见的空元素：
  <br> <hr> <img> <input> <link> <meta>
  鲜为人知的是：
  <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
发表于 2017-08-22 22:02:41 回复(2)
那一缕淡淡的愁头像 那一缕淡淡的愁
发表于 2017-09-21 10:29:19 回复(0)
麦仔1994头像 麦仔1994
答案有错误，
发表于 2017-01-10 19:05:41 回复(2)
飞跃克里斯丁堡头像 飞跃克里斯丁堡
详细解析可以看这个链接 https://juejin.im/post/5d5ddd5b6fb9a06aea6198d5
发表于 2019-09-05 16:30:09 回复(0)
坐火车去海边头像 坐火车去海边
<hr>是水平分割线，块级元素，在该元素的上方有一条水平分割线
发表于 2017-05-24 22:01:26 回复(0)
牛客958379号头像 牛客958379号
bcef
发表于 2016-12-26 12:03:57 回复(1)
牛客723341612号头像 牛客723341612号
为什么form也是块级元素啊
发表于 2020-09-04 20:45:17 回复(0)
王文王🍑头像 王文王🍑
input是行内块级元素
发表于 2020-04-18 02:45:12 回复(0)
太阳煮的酒头像 太阳煮的酒

行内元素：a b em strong input

块级元素：div ul ol li dl dt h1-h6 p等

发表于 2019-06-06 20:13:17 回复(0)
求职第6天头像 求职第6天
少选hr和li
发表于 2017-09-14 07:40:06 回复(0)
二大爷ol头像 二大爷ol
<li>是块级元素
<hr>是块级元素
<br>行内元素
发表于 2017-08-06 19:08:26 回复(0)
我才是晴天头像 我才是晴天
bcdef,li也是
发表于 2017-02-05 21:17:29 回复(0)
牛客逍遥生头像 牛客逍遥生
hr为什么也是块级元素
发表于 2022-03-23 17:58:45 回复(1)
牛客4164889号头像 牛客4164889号
li也是块级元素啊，默认占满一行，支持宽高
发表于 2017-01-06 14:40:06 回复(0)
都是小爷的头像 都是小爷的
Hr换行分割线这个也是块级，我丢
发表于 2022-12-23 15:25:35 回复(0)
阳小浪头像 阳小浪
input也是行内块级元素
编辑于 2022-10-20 23:22:13 回复(0)
zzzlight头像 zzzlight

li不是行内元素；ul和li都是块级元素。因为ul和li标签的高度，行高以及外边距和内边距都可控制；且可以容纳内联元素和其他块级元素。

块级元素(block element)，和其对应的是内联元素(inline element)--也称行内元素，都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始(和结束)。

常用块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

块元素和内联元素的基本差异是块元素一般都从新行开始，相邻的块级元素将会在不同行显示。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。

发表于 2022-03-31 14:32:05 回复(0)
NicholasW头像 NicholasW

MDN-行内元素

MDN-块级元素

发表于 2021-07-17 15:47:17 回复(0)
牛客793156385号头像 牛客793156385号

HR元素被定义为block的元素。它也像其他任何block element一样显示在自己的行中。因此 HR是一个块元素。

BR元素被定义为special的元素，并被定义为inline。它也不像块元素那样自己显示，而只是创建一个换行符。因此， BR是内联元素。

发表于 2021-06-03 00:50:02 回复(0)
提交观点

问题信息

2017 前端工程师 字节跳动 HTML
来自：字节跳动2017秋招前...
上传者：牛100
难度：
34条回答 5145浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

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