css - 我可以为 css 声明哪些通用 html5 根元素?

标签 css html article

对于一个简单的名片样式的网页,似乎可以使用 CSS 中的 html 元素为您的文档指定 background-color,并添加一些奇特的 border/margin: auto/padding: 1embody。在 Google Cache 中看起来不错,顺便说一句,它们的 header 会出现在您的正文中,一切都很好,很花哨,就像它本来的样子一样。

但是,上面的内容似乎与 Internet Archive Wayback Machine 冲突,它们的界面覆盖在您的 body 之上(看起来不是很糟糕,但不是最好的)。此外,body {margin: auto} 部分(用于使 body 元素居中)在 Yandex 缓存中丢失。

我们可以添加一个div,并将CSS规则从body切换到div,从html切换到 body (它在 Yandex 缓存中看起来很完美),但随后它开始与 Google 缓存冲突,看起来真的很奇怪; Internet Archive 稍微好一些,但它们自己的 div 也确实会与您的样式表混在一起,看起来很意外。

您可能会争辩说我应该使用 id 属性,但这并不能保证它不会再次与其他内容发生冲突,而且样式将不再通用。

如果我想坚持使用标准的 html5 元素,最好的方法是什么?也许仍然使用 body(或 html?)通过 CSS 设置背景颜色,以及 articlesection对于带有边框和中心位置的盒子元素?

最佳答案

互联网回溯机 does not guarantee 1 complete archives 2:

Please note that while we try to archive an entire site, this is not always possible....Additionally some sites do not archive well and we cannot fix that.

...

Not every date for every site archived is 100% complete.

因此,无法保证存档站点的 CSS 始终显示为实时显示,甚至始终可用。文件可能不会在特定日期编入索引。也没有任何方法可以确保 future 对 Wayback Machine 自己的 CSS 的更改(或他们如何处理存档的 CSS)不会发生变化并导致其他问题。

关于css - 我可以为 css 声明哪些通用 html5 根元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29711452/

相关文章:

javascript - 在 React Js 中按需加载所需的 Css

jquery - 鼠标仅悬停在一个元素上(同一类)

python - Beautiful soup 中的正则表达式不起作用

html - list.js javascript 库不工作

css - 'justify-content' 属性不工作

html - <article> 可以用于截断的帖子吗?

css - IE8 不在视口(viewport)下方显示渐变

html - @font-face src :local() does not work on some fonts

html - 使用 powershell 从 HTML 网站抓取图像链接

主要内容的 HTML5 语义文章标签