Head Tags erscheinen im Körper

Ich habe eine einfache Webseite und einen Titel, Meta, etc in meiner Seite. Aber wenn ich es mit dem Debugger von Firebug, Chrome und Firefox debugge, werden alle meine Tags im Kopf im Body angezeigt.Head Tags erscheinen im Körper

Das ist alles meine Code von index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>TODO supply a title</title> 
    <meta charset="UTF-8"/> 
    <meta name="viewport" content="width=device-width"/> 
    <link href="style.css" rel="stylesheet" /> 
</head> 
<body> 
    <canvas id="game"></canvas> 

    <div id="mainmenu"> 
     <div id="title"></div> 
     <a href="#" id="play" onclick="play()"></a> 
     <!--<div id="ground"></div>--> 
    </div> 
    <script src="game.js"></script> 
</body> 
</html>

Wenn ich den Code im Debugger überprüfen, werden alle Elemente innerhalb des head Tag außerhalb des head Tag bewegt

enter image description here (Entschuldigung für mein schlechtes Englisch)

Quelle

2014-02-08 Chris

Ich bezweifle sehr, dass 'game.js' verursacht, dass ... –

Ich kann dies nicht in Firefox" inspizieren reproduzieren Element". Beachten Sie, dass der ursprüngliche Code XHTML '' hat, aber der Screenshot nicht ... – professorfish

Check in Chrome/Safari, könnte es Firefox ein bisschen seltsam sein. –

Ich reparierte es, indem ich es völlig überschreibe, das ist der Aktualisierungscode:

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Flappy Bird</title><!-- yep, a flappy bird clone ;)--> 
     <meta name="viewport" content="width=device-width"/> 
     <link href="style.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <!-- Het spel --> 
     <canvas id="game"></canvas> 
     <!-- Menu --> 
     <div id="mainmenu"> 
      <div id="title"></div> 
      <a href="#" id="play" onclick="play()"></a> 
      <div id="ground"></div> 

      <!-- Het script voor de game--> 
      <script src="game.js"></script> 
     </div> 
    </body> 
</html>

Ich verstehe wirklich nicht, was mit dem vorherigen Code falsch ist EDIT: Ein Code-Editor platziert unsichtbare Zeichen in meinem Code. Die Charaktere vermasselten das Rendering meiner Meinung nach.

Quelle

2014-02-08 17:27:48 Chris

Ich hatte das gleiche Problem. Durch das Entfernen von hat alles funktioniert! – qmo

Vielleicht sagt die Meta dem Browser, dass das Dokument als UTF-8 gespeichert wurde, aber es wurde mit einer anderen Kodierung gespeichert. – Matt

sollten Sie Codierung von Dateien ändern UTF-8

die meiste Zeit sie alle als UTF-8-BOM gespeichert

öffnen Sie die Datei, die Sie Ihren Kopf-Tag ist es mit Notepad ++ dann von Codierung Menü ändern "Encode in UTF-8-BOM" zu "Encode in UTF-8" :)

Quelle

2016-08-13 11:24:36 Matin

Head Tags erscheinen im Körper

Antwort

Verwandte Themen