Fatal编程技术网
  • html/
  • Html 内联元素可以包含块元素吗？

Html 内联元素可以包含块元素吗？

html

Html 内联元素可以包含块元素吗？,html,Html,内联元素是否可以包含块元素例如：列表是否可以包含段落？它可以，但不会通过验证。这里已经详细讨论了解决这一问题的方法： 在内联元素中使用块元素是不正确的标记。如果浏览器和Doctype比较宽松，它仍然可以呈现，但它无效 但是，正如前面所讨论的，您可以使用CSS。和都是内联元素。所以你可以在中使用 如果希望块元素的行为类似于内联元素，请将“显示”属性设置为内联块。如果您需要支持IE 7或6，对于IE样式表中的相同元素，请添加以下两条规则：zoom:1；display:inline忽略LI和p都是块级

内联元素是否可以包含块元素例如：列表是否可以包含段落？

它可以，但不会通过验证。这里已经详细讨论了解决这一问题的方法：
在内联元素中使用块元素是不正确的标记。如果浏览器和Doctype比较宽松，它仍然可以呈现，但它无效

但是，正如前面所讨论的，您可以使用CSS。

  • 和都是内联元素。所以你可以在中使用
  •
    • 如果希望块元素的行为类似于内联元素，请将“显示”属性设置为
    内联块
    。如果您需要支持IE 7或6，对于IE样式表中的相同元素，请添加以下两条规则：
    zoom:1；display:inline

    忽略LI和p都是块级的事实

    这样做永远都是无效的，但从行为角度来看，有时可以将块级元素嵌套在内联级元素中，但这取决于浏览器解析器

    例如，在Firefox3.x中，使用此标记

    <!DOCTYPE html>
<i>
   foo
   <div>bar</div>
   baz
</i>

    
福
酒吧
巴兹
    将以斜体显示foo、bar和baz

    但是这个标记将内联元素
    替换为内联元素
    （它的默认呈现形式也是斜体）

    
福
酒吧
巴兹
    将仅以斜体显示foo

    其他浏览器的行为并不相同。这就是为什么您应该坚持使用有效标记的原因之一。

    内联元素不能包含块元素，而块元素可以包含所有类型的标记<您提到的li>不是内联元素，而是块元素，如，因此两者都可以包含彼此

    块级元素不能从内联级元素下降

    Eric Meyer的书《CSS初始Guid》第9页

    可能与Nope重复。要回答第二个问题，列表不是内联元素。列表可以包含P或DIV标记或任何内容。
    P
    元素是块元素，而不是内联元素。但是，它们只能包含内联元素。LIs不是内联元素。P标签也不是。LIs允许其中包含块级内容：。请更新您的答案。对不起，我弄糊涂了。对不起谢谢分类。我知道这是一篇非常古老的文章，但是HTML5允许你包装任何东西的标签，包括块级元素。@user1334007-的确，如果包装的元素是
    元素父元素的子元素，并且
    元素是其祖先的有效后代，则提供包装的元素是有效的。但另一方面，HTML5中既没有块元素也没有内联元素<代码>是语法元素。Block和inline是HTML4的概念，仍然是CSS中的概念，CSS对内联元素包含Block元素时会发生什么有自己的规则，但不关心HTML内容模型的有效性。 
    <!DOCTYPE html>
<i>
   foo
   <div>bar</div>
   baz
</i>

    <!DOCTYPE html>
<var>
   foo
   <div>bar</div>
   baz
</var>