HTML-<page>标记在做什么?

凯文·米德尔顿

我一直在努力使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页面标签的任何引用。

有人可以解释一下代码在代码库中的工作方式吗?提前致谢

700软件

我不认为这<page>是实际的HTML元素。

当浏览器看到此信息时,它可能认为它已经变旧并且错过了发布浏览器时不存在的新发明。

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

但实际上,最好坚持使用确实存在的元素,而不是假装有一天会出现,因为将来新创建的标记的实现可能会与您期望的不同。

最好<div class="page" data-size="A4">与CSS寻找div.page一起编写div.page[data-size="A4"]

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Xpath查询HTML-我在做什么错?

来自分类Dev

视口元标记在 html 中究竟做了什么?

来自分类Dev

MVC Html.ActionLink无法呈现。你能发现我在做什么错吗?

来自分类Dev

HTML5 File.slice方法实际上在做什么?

来自分类Dev

将样式表链接到html-我在做什么错?

来自分类Dev

在HTML中调用Javascript时出现空白页-我在做什么错?

来自分类Dev

C#和HTML。该Web应用程序在做什么?

来自分类Dev

为什么我的“ pre” HTML标记在一个特定实例中不起作用?

来自分类Dev

HTML5语义标记在Intranet应用程序中有什么用途?

来自分类Dev

为什么html br换行标记在此代码中不起作用?

来自分类Dev

HTML5语义标记在Intranet应用程序中有什么用途?

来自分类Dev

基本html标记在代码内

来自分类Dev

找出给定的gcc选项/标记正在做什么?

来自分类Dev

“ RailsFCGIHandler”在做什么?

来自分类Dev

eval在做什么?

来自分类Dev

程序在做什么

来自分类Dev

火狐在做什么?

来自分类Dev

Jade-嵌套html标记在一行中

来自分类Dev

HTML标记在strings.xml中不起作用

来自分类Dev

textarea html标记在单词之间不留空格

来自分类Dev

HTML <p>标记在Javascript中未更改

来自分类Dev

脚本标记在html文档中不起作用

来自分类Dev

':!'是做什么的 和'|!' 标记在(Python)Antlr语法中的含义

来自分类Dev

0 [p]在做什么?

来自分类Dev

Javascript:“-0”在做什么?

来自分类Dev

Android Snippet在做什么?

来自分类Dev

env <command>在做什么?

来自分类Dev

ScalaRX代码在做什么?

来自分类Dev

“自我”在做什么