我可以为CSS声明哪些通用的HTML5根元素？

Question

对于一个简单的名片式网页，似乎可以使用CSS中的html元素来指定文档的背景颜色，并通过body添加一些花哨的边框/margin: auto/padding: 1em。顺便说一下，在谷歌缓存中看起来很不错，因为它们的标题在您的body内部，并且全部都是漂亮而花哨的，这正是它的意图。

然而，上述情况似乎与Internet Archive Wayback Machine冲突，因为他们的界面被覆盖在您的body上（看起来不是很糟糕，但也不是最好的）。此外，body {margin:auto}部分（用于居中显示body元素）会在Yandex缓存中丢失。

我们可以添加一个div，将CSS规则从body改为div，并从html改为body（在Yandex缓存中看起来完美），但是它开始与Google Cache冲突，看起来非常奇怪；Internet Archive要好一些，但他们自己的div也会与您的样式表混合在一起，看起来非常意外。

你可能会说我应该使用id属性，但是这并不意味着它不会再次与其他东西发生冲突，而且样式也不再是通用的。

如果我想坚持使用标准的HTML5元素，最好的方法是什么？也许仍然使用body（或html？）通过CSS设置背景颜色，并使用article或section作为具有边框和中心位置的box元素？

- cnst

---

我的建议是：我甚至不会费心去使用那个。所有这样的缓存都有其限制——我见过从损坏的图像到完全丢失格式的情况。我认为普通用户很少使用这些缓存。如果我想提供一个“完美”的我的网站的缓存版本（比如，作为设计师想要展示自己的作品集之前的版本），那我会提供自己的缓存，而不是依赖外部服务。 - CBroe

@CBroe，哇，我觉得你放弃得太快了！ :-) 我基本上正在决定像被认可的和dedi等网站上使用哪个元素，article还是section。 - cnst

你为什么要担心你的网站旧版本的外观呢？互联网档案馆是为那些已经下线或者改变设计的网站而存在的。任何想访问你的网站的人都会直接访问你的活动网站，而不是通过互联网档案馆。 - TylerH

@TylerH“改变了他们的设计”，没错。所以我想看看网站过去的外观，而不仅仅是内容。 - Mr Lister

@MrLister，虽然我在回答OP的问题，但如果您对这些事情感到好奇，那也没关系，但是在别人的服务器上维护他们旧的设计与业务完全无关。 - TylerH

Answer 1

网络时光机不能保证¹完整的档案²：

请注意，虽然我们尝试存档整个网站，但并非总是可能的。此外，有些网站无法很好地被存档，我们无法解决这个问题。

...

并非所有站点归档的每个日期都完整无误。因此，无法保证归档站点的 CSS 总是像实时显示的那样显示，甚至总是可用。这些文件可能在特定日期未被索引。也没有办法确保未来 Internet Archive 的 CSS 更改（或归档 CSS 处理方式的更改）不会导致其他问题。

- BSMP