HTML iFrame-标记中的大小还是CSS中的大小?

HTML iFrame-标记中的大小还是CSS中的大小?,html,css,iframe,markup,Html,Css,Iframe,Markup,那么这有什么区别吗: <iframe src="iframe.html" width="100" height="100"></iframe> 这是: <iframe src="iframe.html" style="width: 100px; height: 100px;"></iframe> HTML5支持这两种技术,我想知道哪一种更好/更受欢迎?有什么建议吗?比如德莱顿提到了它真正的个人偏好。我倾向于在样式表中使用类,而不是与ht

那么这有什么区别吗:

<iframe src="iframe.html" width="100" height="100"></iframe>

这是:

<iframe src="iframe.html" style="width: 100px; height: 100px;"></iframe>


HTML5支持这两种技术,我想知道哪一种更好/更受欢迎?有什么建议吗?

比如德莱顿提到了它真正的个人偏好。我倾向于在样式表中使用类,而不是与html混合使用。我觉得干净多了。 但是,将样式设置放在元素级别意味着您不能单独缓存CSS样式规则。通常,将样式放入CSS文件将允许进行缓存,从而减少每次加载页面时服务器的负载量。

来自:

“HTML与CSS的分离使得维护网站更容易, 跨页面共享样式表,并根据不同的 环境。这称为结构分离(或: 内容)来自演示文稿。”


但是,也有例外。如果您有页面外观的“原始版本”,则可以在标记中保留宽度和高度属性。然后可以使用CSS样式表覆盖原始高度和宽度。这在img标签的情况下是有意义的。请参阅以下问题:

在这种情况下,我建议使用inline,比如for

<iframe src="iframe.html" width="100" height="100"></iframe>

因为如果css没有正确加载或被用户禁用,容器大小将是相同的。
这将有助于避免块跳转效应。

这几乎是个人偏好,尽管我总是尽可能坚持使用CSS解决方案……我认为在加载站点后操纵属性会有所不同,没有效果,但对CSS的操纵会调整大小使用CSS来设计样式(甚至包括滚动条)。看看@Dryden Long也许你是对的。这是我想到的第一件事。@john Smith你是什么意思?我确实在使用外部.css文件,但我添加了一个内联样式以减少代码量。我的意思是我有时使用内联样式…例如,是的,也许我会同时使用css和内联HTML标记来实现这一点-因为它是al根据它将要验证的标准来降低。