<head> apparaît vide dans Chrome

StackOverflow https://stackoverflow.com//questions/10695620

Question

Lorsque vous parcourez mon site Web avec la dernière version de Google Chrome et que vous utilisez F12 pour rechercher la source, tout le contenu entre <head> et </head> apparaît vide.Sur les dernières versions de Firefox et IE, tout apparaît correctement.

En fait, le contenu est déplacé dans le corps de Google Chrome.

Ce n'est évidemment pas un problème CSS.J'utilise Twitter Bootstrap CSS et JS, ainsi qu'un framework PHP MVC.Quelqu'un a une astuce ?

Voici ma page document.html :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<title><?php echo (Template::$titre); ?></title>

<?php foreach(Template::$meta as $key=>$value): ?>
        <meta name="<?php echo $key; ?>" content="<?php echo $value; ?>" />
<?php endforeach; ?>

<link rel="shortcut icon" href="<?php echo WEB; ?>assets/style/favicon.ico" type="image/x-icon" />  

<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/bootstrap.min.css" />   
<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/bootstrap-responsive.min.css" />    
<link rel="stylesheet" href="<?php echo WEB; ?>assets/style/main.css" />    
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head> 
<body>
<?php require Template::child(); ?>
(...)

Et la source consultée par Firebug :

<html lang="fr"><head></head><body>?


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>Vélos d'occasion dans toute la France</title>
<meta name="keywords" content="velos d'occasion, velos dans toute la France, velos occasion Toute la france, velo occasion, velo">
<meta name="description" content="Petites annonces de velos d'occasion dans toute la France, velo d'occasion à vendre Toute la france">

<link rel="shortcut icon" href="/assets/style/favicon.ico" type="image/x-icon"> 

<link rel="stylesheet" href="/assets/style/bootstrap.min.css">  
<link rel="stylesheet" href="/assets/style/bootstrap-responsive.min.css">   
<link rel="stylesheet" href="/assets/style/main.css">   
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->


<section id="maincontainer">
<div class="container">
(...)

Modifier :Problème résolu, Notepad++ encodait en UTF8, je suis passé à ANSI et j'ai bien fonctionné.

Était-ce utile?

La solution

Vous avez une sorte de caractère mal formé au début de votre document.

J'ai couru votre page via le validateur W3C et indique:

ligne d'erreur 1, colonne 1: caractères non-espaces trouvés sans voir un Doctype d'abord.<!DOCTYPE html> prévu.

http://validator.w3.org/check?uri=http%3a%2f%2fveloccasion.net%2F&

Ceci semble causer que Chrome dépose votre DOCTYPE et rendu la page en mode QUIRKS, comme vous pouvez le constater par le bouton amusant et les hauteurs de champ de texte.Essayez de supprimer quelque chose de bizarre avant le doctype (ou de la suppression du doctype et de la saisir)

Autres conseils

Pour construire sur la réponse d'Elijah, utilisez Ctrl + U pour voir la source sur Chrome et Firefox.

Je viens de vérifier chrome et ce n'est pas vide. 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<title>Veloccasion - V&eacute;los d'occasion dans toute la France</title>
<meta name="keywords" content="velos d'occasion, velos dans toute la France, velos occasion Toute la france, velo occasion, velo" />
<meta name="description" content="Petites annonces de velos d'occasion dans toute la France, velo d'occasion &agrave; vendre Toute la france" />
<meta name="author" content="Veloccasion.net" />

<link rel="shortcut icon" href="/assets/style/favicon.ico" type="image/x-icon" />   

<link rel="stylesheet" href="/assets/style/bootstrap.min.css" />    
<link rel="stylesheet" href="/assets/style/bootstrap-responsive.min.css" /> 
<link rel="stylesheet" href="/assets/style/main.css" /> 
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

F12 n'est pas une source d'affichage.F12 est l'inspecteur dom.Est-il possible que vous voyiez simplement la tête effondrée ?C'est ainsi qu'il est affiché par défaut.

Modifier:

J'ai trouvé votre problème :

    <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

Cette balise ne se ferme pas.Tu dois y mettre fin avec />

Modifier:

Se pourrait-il que vous ayez besoin d'un espace avant /> sur cette ligne :

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

Je l'ai trouvé!

Dans Chrome, appuyez sur CTRL+SHIFT+I,

...juste après le <body> balise il y a une ligne avec beaucoup de texte vide.trouvez-le, supprimez-le et les espaces disparaissent.Je ne sais pas quelle est la cause car je n'ai pas votre code.

espère qu'il aide

la ligne ci-dessous 

<link href="http://fonts.googleapis.com/css?family=Lobster"
 rel="stylesheet" type="text/css

Notez le "?"En cela essayez de supprimer cette ligne et de voir la source

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top