程序员经验分享-hwhale

ol/ul 应该在

内部还是外部？

2024-01-28

这两者之间哪个符合标准？

<p>Text text text ...
    <ol>
        <li>First element</li>
    </ol>
</p>
<p>
    Other text text ...
</p>

OR

<p>
    Text text text ...
</p>
<ol>
    <li>First element</li>
</ol>
<p>
    Other text text ...
</p>

简短的回答是ol法律不允许的元素在里面p元素。

要了解原因，让我们转到规范 http://www.w3.org/TR/html5/！如果您能够熟悉 HTML 规范，它将回答您的许多问题和好奇心。您想知道是否ol可以住在里面p. So…

4.5.1 的p element http://www.w3.org/TR/html5/grouping-content.html#the-p-element:

类别： 流量内容 http://www.w3.org/TR/html5/dom.html#flow-content-1, 触手可及的内容 http://www.w3.org/TR/html5/dom.html#palpable-content.
内容模型： 措辞内容 http://www.w3.org/TR/html5/dom.html#phrasing-content-1.

4.5.5 的ol element http://www.w3.org/TR/html5/grouping-content.html#the-ol-element:

类别： 流量内容 http://www.w3.org/TR/html5/dom.html#flow-content-1.
内容模型: 零个或多个li http://www.w3.org/TR/html5/grouping-content.html#the-li-element and 脚本支持 http://www.w3.org/TR/html5/dom.html#script-supporting-elements-0元素。

第一部分说p元素只能包含措辞内容 http://www.w3.org/TR/html5/dom.html#phrasing-content-1（这是“内联”元素，例如span and strong).

第二部分说ols are 流动内容 http://www.w3.org/TR/html5/dom.html#flow-content-1（“块”元素，例如p and div）。所以他们can't在 a 内使用p.

ol和其他flow content可以用在其他一些元素中，例如div:

4.5.13 的div element http://www.w3.org/TR/html5/grouping-content.html#the-div-element:

类别： 流量内容 http://www.w3.org/TR/html5/dom.html#flow-content-1, 触手可及的内容 http://www.w3.org/TR/html5/dom.html#palpable-content.
内容模型： 流量内容 http://www.w3.org/TR/html5/dom.html#flow-content-1.

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

html

ol/ul 应该在

内部还是外部？ 的相关文章

随机推荐

  • Printf 即使它不应该

    我有 if 语句的这一部分 并且得到了奇怪的输出 int x 10 if 1 lt x lt 5 printf F n 为什么它打印 F 从逻辑上讲 if 语句不是假的 因为 x 大于 1 但不小于 5 在 C 语言中 你不能像这样链接比较

  • Twitter Bootstrap Carousel 插件能否在幻灯片过渡时淡入淡出

    我在我正在开发的网站上有一个非常基本的 Twitter Bootstrap Carousel 插件实现 http furnitureroadshow com http furnitureroadshow com 我只是想知道是否有人扩展了轮

  • std::sort 崩溃 - 没有严格弱排序的排序

    我正在尝试对项目向量进行排序 正如代码注释中提到的 顺序应该是 具有更多行动点的参与者 mAp 先走 当出现平局时 具有相同倾向的参与者 mDisposition 作为战斗的发起者 mBattleInitiator 先走 以下代码 简化示例

  • MongoError：'$push'中的美元（$）前缀字段'$push'对于存储无效

    我在尝试着upsert数据集到 Mongo 集合 The intended document may or may not exist 如果确实存在 它将在嵌入文档 zip 中至少包含一项 并且应附加到该文档而不是覆盖它 如果不存在 则应将

  • 子类中是否有符合自定义协议的常规空白函数？

    我的应用程序中有两个主屏幕 目前两者都只是UIViewController 这两个视图控制器非常相似 它们都实现了我的自定义子类UIView called HeaderView负责显示信息并接受用户输入 就目前而言 这段代码是重复的 因为H

  • 为什么匿名联合不能包含具有重要构造函数/析构函数的成员？

    我可能是错的 但我发现的基本解释是联合无法初始化 因为它不知道要调用哪个成员的构造函数 编译器无法自动生成联合的构造函数 为什么不允许用户定义 union 构造函数 这将消除上述问题并允许具有重要构造函数 析构函数的工会成员的存在 另外 为

  • 从 iOS 上传多个图像到 S3 的有效方法

    我在应用程序中使用 Amazon S3 作为我的文件存储系统 我的所有项目对象都有多个与之关联的图像 每个图像仅存储图像 URL 以保持数据库的轻量级 因此 我需要一种有效的方法来直接从 iOS 上传多个图像到 S3 并在成功完成后将它们的

  • Drools - 使用累积来查找最小值和最大值

    我有一个流口水的问题 困扰我一段时间了 我想使用累积从 Item 对象列表 包含价格 中找出最低和最高价格 插入一个包含 Item 列表的 Member 对象 包含 Item 对象列表 groovy java source pseudo c

  • WordPress“REST API”-渲染 VisualComposer 内容

    我正在通过 REST API V2 插件从 WordPress 请求内容 这很好用 只剩下一个问题 由 VisualComposer 插件创建的内容不会在 de REST Response 中呈现 回应是 vc row Hello Worl

  • 如何使用vue + axios在get请求中使用async/await？

    我有以下代码 想知道如何使用 async await 执行相同的函数来实现 try catch import Vue from vue import axios from axios new Vue el app data skills m

  • 如何在 Powershell 中使用基于当前日期的名称创建文件夹？

    我有大约 50 个 xml 文件 每次运行特定逻辑时都会新生成这些文件 现在我希望将这 50 个文件存储在特定的日期时间文件夹中 无论我为某个特定日期运行该逻辑多少次 都应该仅针对该特定日期覆盖 xml 文件 基于 hhmmss 简单来说

  • SqlMetal 错误地生成我的存储过程的返回类型 (LINQ)

    您好 有一个存储过程 它总是根据参数返回一行 IF bleh 1 SELECT TOP 1 Xyz FROM Abc ELSE SELECT TOP 1 Def FROM Abc 我必须使用 SqlMetal 生成 DataContext

  • 如何为每个键值选择具有最新时间戳的行？

    我有一张传感器数据表 每行都有一个传感器 ID 时间戳和其他字段 我想为每个传感器选择具有最新时间戳的单行 包括一些其他字段 我认为解决方案是按传感器 id 分组 然后按 max timestamp 排序 如下所示 SELECT senso

  • Android 相当于 iOS MobileSubstrate 风格的挂钩吗？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 列表理解与映射

    有理由更喜欢使用map https docs python org 3 8 library functions html map过度列表理解还是反之亦然 它们中的任何一个通常比另一个更高效还是被认为更Pythonic map在某些情况下 微

  • C++ 参考——它们只是语法糖吗？

    C 参考只是语法糖 还是在某些情况下提供任何加速 例如 无论如何 指针调用都涉及副本 对于引用调用似乎也是如此 基本机制似乎是相同的 编辑 在大约六个答案和许多评论之后 我仍然认为引用只是语法糖 人们是否可以直接回答 是 或 否 以及是否有

  • 以批处理模式运行时提示输入 SAS ODBC 连接密码

    由于各种原因 我更喜欢尽可能以批处理模式运行 SAS 程序 出于安全原因 我希望每当与 Teredata 仓库建立 ODBC 连接时 SAS 都会提示我输入密码 我可以同时拥有这两个东西吗 以下代码在从 SAS 交互运行时工作正常 但在批量

  • 在 C 函数声明中，“...”作为最后一个参数的作用是什么？

    我经常看到这样声明的函数 void Feeder char buff 这是什么意思 它允许可变数量的未指定类型的参数 例如printf does 您必须使用以下命令访问参数va start va arg and va end功能 See h

  • ZipException：重复条目：com/google/android/gms/internal/zzbtt.class

    错误 任务 app transformClassesWithJarMergingForDebug 执行失败 com android build api transform TransformException java util zip Z

  • ol/ul 应该在

    内部还是外部？

    这两者之间哪个符合标准 p Text text text p ol li First element li ol p Other text text p OR p Text text text p ol li First element l

热门标签