o espaço em branco abaixo da tag <body> e da tag script e da tag link vai para a tag body da tag head
-
27-09-2019 - |
Pergunta
Olá pessoal, escrevi um aplicativo php usando php+smarty.
quando vejo o código-fonte da web no firebug, descubro que link etiqueta e roteiro tag fique sob o corpo marcação.mas eu deveria estar abaixo cabeça marcação.
e há algum espaço abaixo corpo marcação.
e há espaço em branco no topo da minha página da web.
então qual é o problema?
Solução
Você tem algum conteúdo de texto perdido dentro do <head>
, antes de o <link>
marcação. O navegador vê o texto e decide isso significa que você está iniciando o corpo principal do documento, mas esqueceu de incluir o <body>
marcação.
Isso é realmente válido - se inadvisível - em html4: o <head>
ponta final e <body>
O start-tag é opcional. É assim que você pode ter apenas <html><head><title>x</title>Hello!
Como um documento HTML válido. Mas não é permitido em xhtml, então se você validar seu documento Você deve obter um erro de "dados de caracteres não é permitido aqui" no ponto em que o texto perdido ocorre.
O navegador analisa o restante do documento como conteúdo corporal, colocando o <link>
dentro do corpo (que é não válido, mas que, no entanto, é comum). Ignora o real <body>
Quando isso vem porque já tem um corpo.
Se você não consegue ver o texto perdido, talvez seja um personagem invisível como U+00A0 No-Break Space
ou - mais provável para documentos chineses - u+3000 espaço ideográfico
, que você pode obter quando pressiona o espaço em alguns modos de método de entrada. Esses caracteres não serão visíveis, mas não são "espaço em branco ignoráveis" como um espaço normal de U+0020 ou nova linha, por isso acionam o processamento de 'conteúdo de texto' e forçam o processamento <body>
.
Outras dicas
Espaços em branco, principalmente no início da página web, geralmente são causados porque o arquivo é salvo no formato UTF-8 (que contém BOM).Se você estiver usando um editor como Notepad++ ou Vim, salve o arquivo no formato UTF-8 sem BOM.
Adicione o seguinte CSS:
html, body
{
padding: 0px;
margin: 0px;
}
Envie seu HTML através de um validador ( http://validator.w3.org/ ) - Ele dirá que tipo de erro você tem lá (perdendo a tag de fechamento ou algo assim).