Question

我正在努力应对我网站上的一些无格式内容。首次访问时，您会在实际加载到屏幕之前看到未设置样式的内容：

我不熟悉HTML，所以我需要一些详细的帮助：

这是我的代码：

<html lang="en">
<head>
    <title> Galaxy Node Server Hosting | Premium Minecraft Hosting For $2.99! </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Content-Style-Type" content="text/css;">
    <meta name="Author" content="Steve">
    <meta name="Keywords" content="minecraft server hosting, dedicated server     hosting, cheap minecraft server hosting, best minecraft server hosts, minecraft dedicated server hosting, online server hosting, free minecraft server hosting, minecraft server hosts, best minecraft server hosting, dedicated servers hosting, galaxy node">
    <meta name="Description" content="Galaxy Node Server Hosting aims to provide the highest quality Minecraft servers at an extremely low price.
    We have the best customer service of all Minecraft server hosting providers! You will not be disappointed!">
    <body background="http://galaxynode.com/images/background.jpg">
    <link rel="stylesheet" href="galaxynodewebsite_g.css" type="text/css" media="screen,projection,print">  <!--// Document Style //-->
    <link rel="stylesheet" href="index_p.css" type="text/css" media="screen,projection,print">  <!--// Page Style //-->
</head>

<body>
// body content
</body>
</html>

有人可以告诉我到底我可以放在哪里阻止显示直到它完全加载？任何修复都会很棒！我不知道html所以请告诉我我在这里可以放什么或者我能理解的东西，而不了解html或javascript。

Answer 1

删除<body background="http://galaxynode.com/images/background.jpg">您已创建了另一个<body>代码。

在加载正文时，您实际上是在加载样式表。您看到闪存，因为尚未应用css属性。删除额外的<body>代码后，样式表将成为<head>的一部分，并将首先加载。

如果您想保留该背景，请在CSS中为正文添加属性。 e.g。

body
{
   background-image: url('http://galaxynode.com/images/background.jpg');
}

无法在我的网站上摆脱FOUC

1 个答案: