- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
具有透明内容模型的元素定义如下:
If an element has a transparent content model, then its contents mustbe structured such that they would be valid HTML 5, even if thetransparent element were removed and replaced by the child elements.
来源:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#transparent_content_model
有了这个定义,并且知道规范定义的允许的元素内容类型,是否可以安全地说这些元素可以归类为“透明内容”?:
<a>
, <article>
, <aside>
, <audio>
, <b>
, <blockquote>
, <button>
, <canvas>
, <code>
, <del>
, <details>
, <div>
, <em>
, <fieldset>
, <figure>
, <footer>
, <form>
, <h1>
, <h2>
, <h3>
, <h4>
, <h5>
, <h6>
, <header>
, <i>
, <ins>
, <kbd>
, <label>
, <main>
, <mark>
, <meter>
, <nav>
, <p>
, <picture>
, <pre>
, <progress>
, <q>
, <s>
, <section>
, <small>
, <span>
, <strong>
, <sub>
, <sup>
, <textarea>
, <u>
, <video>
(是否存在更权威的列表?我找不到一个,因为透明内容的搜索结果很快就会与 CSS 相关。)
W3 规范: https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#transparent-content-models
WHATWG 规范: https://html.spec.whatwg.org/dev/dom.html#transparent-content-models
最佳答案
Elements with a Transparent content model are defined as follows: ...
您引用的 MDN 是引用,但不是官方规范。它是次要来源,这意味着它对于理解技术细节很有用,但不能依赖它来提供实际定义。
W3C 在 2019 年将 HTML5 规范的权威权让给了 WHATWG,因此 html.spec.whatwg.org是撰写本文时的规范规范。
规范包括 "Transparent content models" 的以下内容
Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.
那么你的问题是:
With [an incorrect] definition, and knowing the permitted content types of elements as defined by the spec, would it be safe to say that these elements can be classified as "Transparent content"?
没有。该规范在第 4 节(“HTML 的元素”)中的相应“内容模型:”标题中指示了每个元素的内容模型。
虽然规范在 "3.2.5.2 Kinds of Content" 中包含了不同类型内容的便捷列表,遗憾的是没有透明内容列表。
因此,要确定哪些元素具有透明内容模型,您必须搜索所有 HTML 元素的列表。
为方便起见,目前具有透明内容模型的元素如下:
关于html - 哪些 HTML 元素可以归类为 "Transparent Content"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65638126/
我想要一个具有透明背景的图表,因此 PNG 似乎是一个不错的选择。但是当我设置透明背景时,轴标签的质量急剧下降。我该如何解决?请参阅以下代码。就目前而言,图表具有透明背景,正如我所希望的,但文本质量很
我正在尝试制作一个透明的谷歌图表,但它似乎不起作用。它只是绘制纯白色背景。 有没有人在透明度方面取得成功? 难道我做错了什么? 提前致谢! 谷歌图表信息:solid fill 测试网址: Google
我有一个 subview 已添加到我的 UIView 中。这个想法是 subview 是一个带有 uibuttons 的悬停面板。 subview 的 alpha 值为 0.2,因为用户需要能够看到其
如何在不影响表单控件的情况下更改表单的 alphablend? 德尔福XE7 最佳答案 此问题的一个解决方案是使用多设备应用程序(如果无法使用VCL)。 如果您需要保留透明的TForm,只需更改属性T
嗨,我正在用 mvc4 做我的元素。在我的布局页面中,我有一个透明的 div(#wrapper),最重要的是我有许多非透明的 div。为此,我使用了以下 css 和 html 代码。
我有黑色和透明的简单图像,想将其更改为白色和透明。我想保持透明度(80% 黑色和 20% 透明 >> 80% 白色和 20% 透明,30% 黑色和......)。我尝试了填充桶,但没有成功。 据我所知
我有一组位图。它们在某种程度上都是透明的,我事先不知道哪些部分是透明的。我想从排除透明部分但在正方形中的原始位图中创建一个新位图。我认为这张图片解释了这一点: 我知道如何从现有位图中创建位图,但我不知
我整个下午都在尝试第一次使用 expo-cli 运行 expo build:ios,这样我就可以将我的第一个 expo 应用程序放到 TestFlight 上,但我反复收到错误消息:“你的应用程序图标
我想知道为什么在 Mac OS X 上的滚动条有时是白色透明的,有时是黑色透明的,如果您在常规设置中将“显示滚动条”设置为“滚动时”。所有浏览器(Safari、Chrome、Firefox、Opera
这个问题在这里已经有了答案: Difference between "-webkit-text-fill-color" and "color"? (2 个答案) 关闭 4 年前。
我想为我的应用程序开发一个配置文件屏幕。我正在使用 AppCompactActivity,因为我需要我的应用程序也支持非 Lollipop 设备。我只需要为应用程序中的这个特定 Activity 屏幕
第一个场景: h1{ text-align: center; } td{ width: 100px; height: 100px; border-right: 1px solid gray; bord
我在 Google Earth Engine 中工作,正在尝试创建一种无颜色/完全透明的颜色(无边框和无填充)。下面是一行代码,其中第一种颜色应该是透明的“颜色”。基本上我希望我的最小值根本不显示在
我在HTML5 Canvas 上玩createRadialGradient()。除非我要实现(半)透明性,否则它的工作原理就像一种魅力。 我做了这个jsFiddle以使事情更清晰:http://jsf
我需要从 www.webwoods.co.uk/lsss/index.html(黑色和红色的星星)的网站图标中删除白色背景 有没有办法用常用的图形编辑器(Adobe CC、Paint 等)来做到这一点
我需要使用透明度(背景每隔几秒钟更改一次)找到图像(检测游戏中的文本)。我的脚本: #include HotKeySet("s", "Start") $x = 0 $y = 0 Func Start
环境:WebGL,Chrome。将透明png用作模型的纹理时,我有以下行为: 图片A-树将建筑物隐藏在其后,我看到了世界框纹理。它还隐藏自身(后分支不可见) 同时-图片B-正常运行,窗口是透明的,我看
我正在尝试将水印渲染到视频中。一旦水印的图像文件 (.png) 包含透明度,图像就不再渲染到视频中。如果我将该图像转换为 .jpg 然后再转换回 .png,效果很好。如果我创建一个没有透明度的新 pn
我正在使用tilemill来生成mbtile。有人知道如何使mbtiles背景透明吗? 最佳答案 您的默认样式将具有类似的规则 Map { background-color:#f00; } 这为
我有一个奇怪的问题,我在尝试在 WebGL 中进行混合时无法弄清楚。黑色呈现为完全透明,所有带有灰色阴影的内容也呈现为半透明。我已经将它设置为使用 alpha channel 作为透明度的来源,并且在
我是一名优秀的程序员,十分优秀!