<head> 크롬에서 비어 있음
-
12-12-2019 - |
문제
구글 크롬의 마지막 버전으로 내 웹 사이트를 탐색 할 때,그리고 소스를 조사하기 위해 12 를 사용하는 경우,사이의 모든 내용 <head>
그리고 </head>
빈 것처럼 보입니다.파이어 폭스와 즉의 마지막 버전에,모든 것이 올바르게 나타납니다.
실제로 콘텐츠는 구글 크롬의 본문으로 이동합니다.
그것은 분명히 문제가 아닙니다.나는 트위터 부트 스트랩을 사용하고 있습니다.누군가 힌트가 있습니까?
여기 내 문서가 있습니다.페이지:
<!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(); ?>
(...)
그리고 파이어 버그에 의해 본 소스:
<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">
(...)
편집 :나는 메모장++에서 인코딩하고 있었고,나는 안시로 바뀌었고 잘 작동했다.
해결책
문서 시작시 일종의 잘못된 문자가 있습니다.
W3C 유효성 검사기를 통해 페이지를 실행하고 다음을 보여줍니다.
오류 1, 열 1 : 비 공백 문자가 보지 않고 발견되지 않음 먼저 doctype.예상되는
<!DOCTYPE html>
.
Chrome이 Doctype을 삭제하고 재미있는 버튼과 텍스트 필드 높이가 볼 수 있듯이 Quirks 모드로 페이지를 렌더링하는 것으로 보입니다.DOCTYPE (또는 DOCTYPE를 제거하고 다시 입력하십시오) 전에 이상한 것을 삭제 해보십시오.
다른 팁
엘리야의 답변을 빌드하려면 Ctrl + U를 사용하여 Chrome 및 Firefox에서 소스를 봅니다.
나는 방금 크롬을 확인하고 비어 있지 않습니다.
<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é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" />
<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는 소스 보기가 아닙니다.F12는 돔 검사기입니다.머리가 무너진 것처럼 보이는 것이 가능합니까?이것이 기본적으로 표시되는 방식입니다.
편집하다:
문제를 발견했습니다:
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
해당 태그는 닫히지 않습니다.로 끝내야 해 />
편집하다:
그 전에 공간이 필요하지 않을까요? />
이 줄에서 :
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
나는 그것을 발견!
크롬에서 키를 누릅니다.,
...바로 그 후 <body>
태그 빈 텍스트가 많은 줄이 있습니다.그것을 찾아 삭제하면 공백이 사라집니다.나는 당신의 코드가 없기 때문에 그것을 일으키는 원인이 무엇인지 확실하지 않습니다.
도움이되기를 바랍니다
아래 줄
<link href="http://fonts.googleapis.com/css?family=Lobster"
rel="stylesheet" type="text/css
.
"?"이 줄을 제거하고 소스를 봅니다