对于一个简单的名片式网页,似乎可以使用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元素?
然而,上述情况似乎与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元素?
article
还是section
。 - cnst