【问题标题】:What is better HTML code for this什么是更好的HTML代码
【发布时间】:2012-01-24 12:46:28
【问题描述】:

什么是更好的 HTML 代码:

案例 1:

<body bgcolor=" #000000" width="100%" height="100%">
</body>

案例 2:

<body>
<img src="black.jpg" width="100%" height="100%"/>
</body>

似乎案例 1 获胜或 css 是最佳选择 谢谢。 抱歉各位,我再次编辑了我的问题。

是这样的:

什么是更好的 HTML 代码:

案例 1:

<body bgcolor="<!--Is there a color combination code for a photograph/any css approach ?? -->" width="100%" height="100%">
</body>

案例 2:

<body>
<img src="your_photo.jpg" width="100%" height="100%"/>
</body>

嗯,我做这一切是因为图片太大,网速太慢。我猜推特在我们设置主题时也会这样做(不确定

【问题讨论】:

  • 您使用了许多样式属性,这在现代 HTML 中是不鼓励的。
  • 仅供参考:#FFFwhite 的代码。我只提到这一点是因为您的图片是为black.jpg
  • @AgentConundrum 你是完全正确的。编辑使其有意义。 :)
  • @Pratik:因为HTML代表“超文本标记语言”,它通常用于存储数据,而CSS作为“级联样式表”,管理样式。将它们分开会产生更易于维护和阅读的代码。
  • @Pratik:仅供参考,最新的 XHTML 标准中也删除了样式属性。

标签: html performance optimization


【解决方案1】:

这样更好:

<body>
...
</body>

在外部 CSS 样式中:

body {
    background: #000 url('black.jpg') no-repeat;
}

【讨论】:

  • 等什么?!如果 black.jpg 是我认为的那样,它不应该是“背景颜色:黑色;”吗? ?奇怪的问题
  • @Thomas Joulin,是的,它可能应该,我已经更新了我的答案。
【解决方案2】:

一般而言,css 会更适合性能(加载 CSS 比加载图像更快)。

【讨论】:

    【解决方案3】:

    CSS 会更快,并且会在高流量网站的托管端产生更少的带宽浪费。

    【讨论】:

      【解决方案4】:

      您可以使用 CSS 设置背景,而不是每次都将图像加载到 HTML 文档中,这在很多情况下都会有所帮助

      当您使用 css 时,您无需每次都加载图像它的背景

      <body> </body>
      

      并在 CSS 文件(外部)中使用

              body
             {     
                 background-image: xx.jpg;
               }
      

      为了简单起见,避免使用标签使用外部 CSS 文件来分类 CSS 代码

      也避免

      当您必须为一个非常复杂的网站设置样式时,这完全是可怕的,如果您继续为 HTML 代码本身中的每个元素设置样式,那么在以后的阶段您将不得不从头开始!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-11-29
        • 2013-05-26
        • 2013-05-17
        • 1970-01-01
        • 1970-01-01
        • 2010-10-14
        相关资源
        最近更新 更多