HTML - <page> 标签在做什么？

Question

我一直在尝试让 HTML 文档以 A4 大小显示，并且使用此 codepen 中的代码效果很好：

https://codepen.io/rafaelcastrocouto/pen/LFAes

CSS

 body {
  background: rgb(204,204,204);
}

page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  }

page[size="A4"] {
  width: 21cm;
  height: 29.7cm;
}

HTML

 <page size="A4"></page>

但是，我不确定如何或为什么在 CSS 中声明页面和页面 [大小信息] 允许您在 HTML 中使用标记。事实上，我可以在任何地方找到任何对 HTML 页面标记的引用。

有人可以解释一下代码在 codepen 中是如何工作的吗？提前致谢

原文由 Kevin Middleton 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不相信 <page> 是一个实际的 HTML 元素。

当浏览器看到这一点时，它可能认为自己变老了，并且错过了浏览器发布时不存在的新发明。

在那种情况下，它被视为 <div> ，并且 CSS 规则仍然适用。

但实际上最好坚持真正存在的元素，而不是假装它们有一天会存在，因为将来新创建的标签的实现可能与您预期的不同。

最好写成 <div class="page" data-size="A4"> CSS 寻找 div.page 和 div.page[data-size="A4"] 。

原文由 700 Software 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

它不是 HTML。这只是利用了这样一个事实，即为了促进语言的未来扩展，浏览器允许使用 CSS 和 JS 来定位未知元素。

原文由 Quentin 发布，翻译遵循 CC BY-SA 3.0 许可协议