什么是更好的HTML代码

时间:2010-12-11 11:41:18

标签: html performance optimization

什么是更好的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>

好吧,我就是这样做的,因为图片太大而且互联网速度非常低。我猜twitter也是在我们设置主题时做的(不确定

4 个答案:

答案 0 :(得分:9)

这样更好:

<body>
...
</body>

并采用外部CSS样式:

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

答案 1 :(得分:0)

通常情况下,css会优先考虑性能(加载CSS比加载图像更快)。

答案 2 :(得分:0)

CSS会更快,并且对于高流量网站,主机端会减少浪费的带宽。

答案 3 :(得分:0)

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

当你使用css时,每次你可以设置图像背景到任何类加载页面时你不需要加载图像,它不会每次都加载,但它会加载页面并将图像设置为它的背景

<body> </body>

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

        body
       {     
           background-image: xx.jpg;
         }

避免使用标签以简化目的使用外部CSS文件来对CSS代码进行分类

也避免     

当你需要设计一个非常复杂的网站时,这是非常可怕的,如果你继续设计HTML代码本身的每个元素,稍后你将不得不从头开始!