HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了是否有一个完全“布局中立”的HTML容器元素?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有时我想在其他几个 HTML元素周围放置一个包装元素,其唯一目的是设置一个方便的CSS选择器来引用所有包含的元素:
<TAG id="just-a-hAndy-wrapper">
    <abc ...>
        ...
    </abc>
    ...
    <pqr ...>
        ...
    </pqr>
</TAG>

……并在CSS中:

#just-a-hAndy wrapper * {
    ...
}

我发现这比管理和维护更容易为上面的#just-a-hAndy wrapper *选择器捕获的所有项目分配公共类.

在这个例子中,我使用虚构的标签< abc>,…,< pqr>等,对于所包含的元素强调我正在寻找一个无论其性质如何都有效的解决方案内容中的特定标签.

我还使用了虚构的标签TAG作为所需“包装器标签”的占位符,因为我的问题恰恰是用于此目的的最佳HTML标签. “最佳”是指在有效HTML5中可以包含的元素类型中最“通用”,以及“大多数布局中立”.

IOW,理想的HTML标签是包含上面代码的页面总是与< tag ...>的页面完全相同的标签.和< / tag>线被删除,或注释掉:

<!-- <tag id="just-a-hAndy-wrapper"> -->
    <div ...>
        ...
    </div>
    ...
    <div ...>
        ...
    </div>
<!-- </tag> -->

例如,div不是“布局中立”(浏览器通常会对如何布局div有强烈的想法),因此将tag设置为div是不行的.这是一个@R_673_9246@:

> original
> with <div> wrapper around two of the three blue
rectangles

解决方法

对不起,我担心没有这样的标签.

想象一下您的< abc>或者< pqr>标签是块级标签,例如< p>标签.为了满足您的要求(布局应该相同,如果标签存在与否),容器标签将需要是符合w3c的块级标签,并且它不应具有任何默认样式.据我所知,< div>很遗憾.

现在想象一下你的< abc>或者< pqr>是内联标签,如< i>或< b>.为了满足您的要求,容器标签本身需要是内联标签,否则会破坏该行.

现在问题是标签不可能同时在线和块级.

并回答有关最通用标签的问题:使用div作为块级内容的容器,并使用span作为内联内容的容器.这些标签是为此目的而制作的.

大佬总结

以上是大佬教程为你收集整理的是否有一个完全“布局中立”的HTML容器元素?全部内容,希望文章能够帮你解决是否有一个完全“布局中立”的HTML容器元素?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。