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中是如何工作的嗎？ 提前致謝

Answer 1

我不相信<page>是一個實際的HTML元素。

當瀏覽器看到這個時，它可能認為它已經老了，並且錯過了瀏覽器發布時不存在的新發明。

在這種情況下，它被視為<div> ，CSS規則仍然適用。

但實際上最好堅持真正存在的元素，而不是假裝它們將來某一天，因為將來新創建的標簽的實現可能與您期望的不同。

最好寫成<div class="page" data-size="A4"> ，其中CSS尋找div.page和div.page[data-size="A4"] 。

Answer 2

它不是HTML。 這只是利用了這樣一個事實：為了便於將來擴展該語言，瀏覽器允許未知元素以CSS和JS為目標。

Answer 3

你可以在這里閱讀HTML5標簽

如果您想使用HTML5，您應該將<page></page>替換為<div>或<section> 。 頁面標簽不存在！

有了它你可以用你的HTML樣式

section { "your style" } section[size="A4"] { "your style" }