body 元素是块级元素还是行内元素?

2024-04-19

我在 MDN 上查找了有关 HTML body 元素是块级元素还是内联级元素的任何指示:

内联元素 https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements / 块级元素 https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

这些都没有提到任何有关 body 元素的内容,除了:

块级元素只能出现在 元素内。


HTML4将元素分类为“块级” http://www.w3.org/TR/html401/struct/global.html#didx-block-level and "inline" http://www.w3.org/TR/html401/struct/global.html#didx-inline类别。

然而,HTML5 没有这个概念。相反,它被转移到 CSS:块级元素和块框 http://www.w3.org/TR/CSS21/visuren.html#block-boxes and 行内元素和行内框 http://www.w3.org/TR/CSS21/visuren.html#inline-boxes.

根据 HTML5,body http://www.w3.org/TR/html5/sections.html#the-body-element元素属于切根 http://www.w3.org/TR/html5/sections.html#sectioning-root类别。就这样。

然而,在渲染 - 页面 http://www.w3.org/TR/html5/rendering.html#the-page, HTML5 规定body默认情况下应显示为块:

html, body { display: block; }

然后,根据 CSS 中的定义,它将是块级的,除非您覆盖该样式。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

body 元素是块级元素还是行内元素? 的相关文章

  • 将 html 标签存储在 xml 中

    我有一个带有各种 html 标签的 html 格式的字符串 我想将此字符串放入 xml 标记中 以便 html 标记保留 例如 public class XMLfunctions public final static Document X
  • Canvas 动画在 FireFox 中卡顿,但在 Chrome 中完美

    我最近开始做一些 HTML5 Canvas 的东西 并且很高兴地开展我的业务 在 Chrome 中测试东西 直到我决定尝试我在 Firefox 中所做的事情 效果不太好 这是我正在做的事情的一个简单的例子 设置基本的 requestAnim
  • 如果子级包含很长的单词,Flexbox 父级将扩展宽度

    我想知道是否有人可以帮助我解决这个问题 我似乎找不到其他人想要用 Flexbox 来做到这一点 我已经设置了一个基本的 Flexbox 场景 其中多个元素 li 出现在 Flexbox 容器 ul 中 我还对其进行了设置 以便在换行之前可容
  • Javascript 图像 src 属性返回错误值

    我有一些 javascript 代码附加到一个带有 onclick 的按钮 代码如下 function ondelete var getDiv document getElementById imgdiv var lb img imgdiv
  • div 内的溢出自动在 ie 中不起作用

    这是我的代码http jsfiddle net FbC86 http jsfiddle net FbC86 如果您使用 Chrome 或 Firefox 打开此页面 单元格内的文本将通过垂直滚动条正确溢出 如果您使用 Internet Ex
  • 离子侧菜单和带有嵌套视图的选项卡:选项卡嵌套视图的内容未显示

    我对两者都是新手AngularJS and Ionic 我正在创建一个应用程序 它具有sidemenu and tabs在菜单选项之一内 选项卡应使用以下方式呈现其内容nested view 所以没有简单的HTML here 我可以在侧菜单
  • 让右侧的 Div 填满所有可用空间

    我想创建两个并排的 div 但我希望左侧的 div 为 300px 右侧的 div 占据屏幕上的剩余部分 这怎么可能呢 谢谢 最直接的 我会说正确的 方法是使用display table wrapper display table widt
  • Bootstrap 100% 宽度/全宽度

    我想用 Bootstrap 创建一个新网站 我需要它的宽度为 100 但我不希望它是流畅的 至少现在不是 我遇到的问题是 使用 bootstrap 标准将您限制为 960px 并且使用流体布局它是全宽的 但其行为就像流体布局应该通过在窗口尺
  • 使用选择器获取最接近的父元素(不包括当前元素)

    我正在尝试获取元素的最接近的父元素 看着 closest https developer mozilla org en US docs Web API Element closest 如果选择器与元素匹配 它似乎会返回元素本身 Closes
  • CSS淡入淡出动画延迟计时

    我正在尝试使用 css3 创建幻灯片效果 我有三张图像 我需要将它们相互淡入淡出 每次转换需要持续 3 秒 第一张图像显示 3 秒 然后淡入第二张图像 第三张图像同样显示 我不确定如何计算关键帧的百分比 Codepen http codep
  • 如何导出从 HTML DOM 解析器检索到的所有图像?

    我想要 使用从我的网站获取所有图像PHP 简单 HTML DOM 解析器 http simplehtmldom sourceforge net 并将它们全部导出到我的桌面ALL立刻 Not右键单击保存或屏幕截图 OPTIONAL 保存所有h
  • Objective-C / Cocoa Touch 中的 HTML 字符解码

    首先 我发现了这个 https stackoverflow com questions 659602 objective c html escape unescapeObjective C HTML 转义 unescape https st
  • 如何向 display:block 添加过渡/效果

    我有一个这样的div x 以及最初隐藏的一种 子菜单 x submenu display none 仅当用户位于 x div 上时子菜单才可见 div x hover x submenu display block 现在 我想通过事务或使可
  • 如何禁用 mui 文本字段自动完成?

    我正在使用最新版本的 mui 我有一个包含邮政编码字段的用户联系信息表单 如果值为空 我不希望此字段自动完成 但它会随着浏览器中保存的电子邮件自动完成 这是我到目前为止所尝试过的 自动完成 关闭 自动完成 关闭 自动完成 不 这是我的文本字
  • 如何在 PHP 中解析和处理 HTML/XML?

    如何解析 HTML XML 并从中提取信息 Answer recommended by PHP collectives php Collective 原生 XML 扩展 我更喜欢使用其中之一原生 XML 扩展 https php net m
  • VideoJs 在 Firefox 中的 Flash 回退问题

    我尝试将 videoJs 添加到我的网站来播放 MP4 文件 所有这些在 Chrome 中都能完美运行 但当我转到 Firefox 不支持 MP4 文件 时 Flash 播放器停留在黑屏上 按钮不执行任何操作 简单的问题 为什么 我不明白
  • 针对较小屏幕的拆分表行

    我有一个固定宽度为 960px 有 5 列的表格 当我在移动设备中查看时 我想制作第 3 4 5 列 看起来就像在下一行 有什么方法可以让 CSS 打断一行 使其看起来像这样 但是 还保留原来的HTML代码吗 您可以使用 FlexBox f
  • Html页面在底部加载

    我需要一个 HTML 页面在页面加载时自动向下滚动 所以基本上加载在底部 可以使用JavaScipt吗 请您帮助我或引导我走向正确的方向 感谢所有帮助 谢谢 尝试这个 window scroll 0 document documentEle
  • 统计并限制上传的文件数量(HTML文件输入)

    我有那个基本的 众所周知的多文件上传表单 类似的事情
  • CSS 可见性动画不起作用

    我想在 CSS 可见性属性上制作基于关键帧的动画 我最初在 显示 上尝试过 但发现不支持 显示 上的动画 但支持 可见性 这个想法是让矩形的可见性不断切换 我不想使用 jquery 并且想在 CSS 中实现整个它 以下是我的代码 但它没有给

随机推荐

  • C++11:如何使用 设置种子

    我正在练习随机库 这是 C 11 的新功能 我编写了以下最小程序 include
  • Angular 和 Sails 路由配置

    是否有任何 Sails js 或 Node 配置可以阻止 Angular 路由工作 无论我采取什么方法 除了 sails 的routes js 中的路线之外 每条路线都会返回 404 我尝试过 1 2 和 1 3 Angular 版本 并且
  • 部署到 Digital Ocean 的 Meteor 应用卡在 100% CPU 和 OOM

    我有一个使用 Meteor Up 部署到 Digital Ocean 的 Meteor 0 8 0 应用程序 该应用程序一直卡在 100 CPU 只是因内存不足而崩溃 然后以 100 CPU 再次启动 过去24小时就这样卡住了 奇怪的是没有
  • Rails 4.0 强参数嵌套属性,其键指向哈希值

    我正在使用 Rails 4 x beta 并尝试让嵌套属性与 Carrierwave 一起使用 不确定我正在做的事情是否是正确的方向 经过一番搜索 最后查看了 Rails 源代码和强大的参数 我发现了以下注释 Note that if yo
  • 卸载应用程序 uninstallreceiver 未调用

    经过大量谷歌后 我找到了一些很好的解决方案来找出应用程序的卸载接收器 我指的是第一个链接 https stackoverflow com questions 18692571 how it works warning that app is
  • ReferenceError:错误#1065:变量 JSON 未定义

    我快要爆炸了 想弄清楚如何解决这个问题 所以在我这样做之前 也许你可以帮助我 我正在 flash builder 4 5 1 21328 中的 flash Player 11 下开发一个游戏 我想尝试一下新功能 例如本机 JSON 支持 但
  • 检测请求是否是 jQuery 中的 post

    我试图以不同的方式加载页面 如果它是一个帖子或一个获取 并且似乎 jQuery 会有一些东西所以我可以做 if isPost do something if this page was a post 我正在根据请求类型显示 隐藏某些内容 并
  • Ruby:C 类包含模块 M;在 M 中包含模块 N 不会影响 C。什么给出?

    更详细地说 我有一个模块Narf 它为一系列类提供了基本功能 具体来说 我想影响所有继承的类Enumerable So I include Narf in Enumerable Array是一个类 其中包括Enumerable默认情况下 然
  • Android 解析无法将子类列表固定到缓存

    如图所示http blog parse com 2013 05 30 parse on android just got classier http blog parse com 2013 05 30 parse on android ju
  • 复特征向量

    R 如何表示复特征向量 例如 gt eigen matrix c 2 1 0 2 2 2 values 1 2 2 vectors 1 2 1 0 4 440892e 16 2 1 1 000000e 00 这并不表明特征向量是复数 那么如
  • Get-AdUser,其中邮件不为空

    我正在尝试获取 AD 中拥有电子邮件 邮件属性 的所有用户的列表 我有这个命令 Get AdUser filter Properties mail Select SAMAccountName mail Export CSV Path use
  • Redis键空间事件不触发

    我有两个 Redis 客户端 在一个文件中我有一个简单的脚本设置并删除了 Redis 键 var redis require redis var client redis createClient 6379 127 0 0 1 client
  • 为 Android 应用程序复制 Sqlite 数据库

    我正在尝试使用本教程在我的 Android 应用程序中使用我自己创建的数据库http www reigndesign com blog using your own sqlite database in android applicatio
  • gnuplot任意标注x轴

    我有以下 gnuplot 数据文件 1 0 5 0 9 2 0 1 0 5 3 0 7 0 4 其中第一列是 x 轴 第 2 3 列是两个不同的图表 x 轴坐标始终为自然数 它们代表单词在句子中的位置 第 2 列和第 3 列只是对句子中单词
  • 使用kafka lib反序列化PRIMITIVE AVRO KEY

    我目前无能力反序列化 avro PRIMITIVE 密钥在 KSTREAM 应用程序中 使用 avro 模式编码的密钥 在模式注册表中注册 当我使用 kafka avro console consumer 时 我可以看到密钥已正确反序列化
  • 在 Flex 上显示数据点

    我正在使用带有
  • 如何解码从 jQuery 的 keydown() 事件处理程序按下的字符

    我需要找出从 jQuery 调用的处理程序中将哪个字符输入到文本字段中keydown功能 key which只给我键码 但我需要找出哪个 ASCII 字符key代表 我该怎么做呢 The keyPress事件是您需要获取输入的字符的事件 请
  • 实时录制/将音频数据转换为 WAV

    我在音频信号处理方面是新手 目前 我已将设备连接到我的电脑 该电脑从麦克风 播放轨道向我发送音频数据 我已经使用 Steinberg ASIO SDK 2 3 创建了主机应用程序 该应用程序连接到设备并在重复回调中返回原始数据 信号是 24
  • Django 教程说我还没有设置 DATABASE_ENGINE 设置...但我已经设置了

    我正在完成 Django 教程 并在运行初始 python manage pysyncdb 时收到以下错误 Traceback most recent call last File manage py line 11 in
  • body 元素是块级元素还是行内元素?

    我在 MDN 上查找了有关 HTML body 元素是块级元素还是内联级元素的任何指示 内联元素 https developer mozilla org en US docs Web HTML Inline elements 块级元素 ht