2014-02-08 4 views
6

간단한 웹 페이지와 제목, 메타 등이 내 페이지에 있습니다. 하지만 파이어 버그, 크롬, 파이어 폭스의 기본 디버거로 디버깅 할 때 헤드 안의 모든 태그가 본문에 표시됩니다.본문에 머리 태그가 표시됩니다.

내가 디버거에서 코드를 검사 할 때이 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> 

의 내 모든 코드가의 head 태그 내부의 모든 요소가합니다 (head 태그

enter image description here 외부 이동 죄송합니다 내 나쁜 영어로)

+0

'game.js'가 그 원인이 될지 의심됩니다 ... –

+0

Firefox에서 이것을 재현 할 수 없습니다. "inspect 요소". 원래 코드에는 XHTML ''이 있지만 스크린 샷에는 그렇지 않습니다. – professorfish

+0

Chrome/Safari를 확인하면 Firefox가 약간 이상 할 수 있습니다. –

답변

0

완전히 다시 작성하여 수정했습니다.이 코드는

입니다.
<!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> 

이전 코드의 내용을 이해하지 못했습니다. 편집 : 코드 편집기가 코드에 보이지 않는 문자를 삽입했습니다. 문자는 내가 생각하는 표현을 엉망으로 만든다.

+0

나는 똑같은 문제가 있었다. 을 제거함으로써 모든 것이 효과를 발휘했습니다! – qmo

+0

아마도 메타는 브라우저에 문서가 UTF-8로 저장되었지만 다른 인코딩을 사용하여 저장되었음을 브라우저에 알리는 것일 수 있습니다. – Matt

1

당신은 당신의 파일의 인코딩을 변경해야 UTF-8

머리 태그 인코딩에서 다음 ++ 메모장이 그들이 모두

파일을 열 UTF-8 BOM으로 저장 대부분의 시간 메뉴 변경 "UTF-8-BOM으로 인코딩"을 "UTF-8로 인코딩"으로 변경하십시오 :)

관련 문제