6

Estou usando o visual studio community e criei um projeto Web com Django, porém ao fazer a página inicial, está me gerando este código:

inserir a descrição da imagem aqui

E o código que eu tenho é este:

{% load staticfiles %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{ title }}</title>

        <link rel="stylesheet" type="text/css" href="{% static 'app/content/materialize.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'app/content/app.css' %}" />
        <link rel="stylesheet" type="text/css"  href="https://fonts.googleapis.com/icon?family=Material+Icons" />
    </head>
    <body>

alguém sabe porque ao executar, ele faz isso? esculhamba o html?

isso está criando um espaço na minha página que não deveria ter.

código que renderiza:

def home(request):
    """Renders the home page."""
    assert isinstance(request, HttpRequest)
    return render(
        request,
        'app/index.html',
        {
            'title':'Home Page',
            'year':datetime.now().year,
        }
    )
8
  • Verifica se o seu documento html (o arquivo do template) tem algum caractere null (com Regex em um editor de texto avançado pode achar digitando \0), pode ser isto. Verifique também se salvou todos documento em UTF8.
    – Syzoth
    6/05/2016 às 2:11
  • @GuilhermeNascimento, os documentos estão em utf-8 e não tem caracter null, tentei deixando o documento totalmente em branco sem nada, nem as tag básica do html e da a mesma coisa...
    – MeuChapeu
    6/05/2016 às 2:17
  • Tem certeza que o template que está sendo renderizado é o seu? Não sei como o Visual Studio faz, mas talvez ele esteja renderizando um template dele próprio e incluindo o seu como conteúdo da página (i.e. colocando tudo no body do template "pai"). Como é o código que renderiza e retorna esse template? (i.e. a view)
    – mgibsonbr
    6/05/2016 às 3:08
  • 1
    @mgibsonbr, acrescentei na pergunta.. acho estranho porque o modelo que vem no visual studio funciona certo, ele não quebra o html, ae eu so alterei o conteúdo da página inicial e começo a dar essas loucuras...
    – MeuChapeu
    6/05/2016 às 10:39
  • 1
    @MeuChapeu Receio que sim... A menos que você use algum outro editor de texto que use (ou possa ser configurado para) por padrão UTF-8 sem BOM.
    – mgibsonbr
    7/05/2016 às 20:07

1 Resposta 1

2

O código &#65279; corresponde ao caractere Unicode U+FEFF, muito usado nas codificações UTF-16 como "marca de ordem dos bytes" (BOM). Entretanto, alguns editores de texto (como o Notepad do Windows) colocam esse BOM mesmo em arquivos UTF-8, que não precisam de BOM (já que a ordem dos bytes é sempre a mesma). Isso é feito provavelmente com a intenção de "marcar" o arquivo como UTF-8, embora essa prática seja desencorajada.

Como seu arquivo modificado tinha esse caractere no início do arquivo, ele foi enviado ao browser junto com o resto, e as regras de parsing do browser determinaram que ele deveria fazer parte do conteúdo da mesma. Pela robustez/tolerância a falhas dos algoritmos usuais de parsing de HTML, o fato de não ter um html e body não os impede de aceitar o conteúdo - colocando-os pra você. Assim, o DOM resultante terminou com um head vazio e tudo o que estava no seu template dentro do body criado automaticamente.

A forma ideal de corrigir isso é retirando o BOM dos seus arquivos. Alternativamente, talvez seja possível fazer com que o próprio browser ignore esse BOM, informando a ele no content_type que o arquivo está codificado como "UTF-8 com BOM" (que se não me engano é UTF-8Y):

resposta = render(
    request,
    'app/index.html',
    {
        'title':'Home Page',
        'year':datetime.now().year,
    }
)
resposta.charset = "UTF-8Y"
return resposta

(não tenho como testar nesse momento se a solução acima será aceita pelos principais browsers, então sugiro usá-las somente como última opção)

Fontes: essas três perguntas no SOen.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .