Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Scientist

[Resolvido] validação w3c - erro

Por , em Desenvolvimento frontend

Recommended Posts

Scientist    2

Scientist
Postado

Fiz uma validação do meu site no w3c e encontrei o seguinte erro:

 

Line 90, Column 6: document type does not allow element "h4" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag
 <h4>CASA com 1 Quarto(s), 2 Suíte(s), Àrea 500 m²</h4></a>

 

Alguma dica de como ajeitar esse problema ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado 

Line 90, Column 6: document type does not allow element "h4" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

 

document type does not allow element = Este tipo de documento não permite elemento.

 

E neste caso, você não pode colocar o elemento h4 dentro de a, apenas a dentro de h4.

 

Por exemplo, no caso de

<a href="link"><h4>CASA com 1 Quarto(s), 2 Suíte(s), Àrea 500 m²</h4></a>

 

Vai para

<h4><a href="link">CASA com 1 Quarto(s), 2 Suíte(s), Àrea 500 m²</a></h4>

 

São as regras:

  • Os elementos de linha podem conter outros elementos de linha, dependendo da categoria que ele se encontra. Por exemplo: o elemento a não pode conter o elemento label.
  • Os elementos de linha nunca podem conter elementos de bloco.
  • Elementos de bloco sempre podem conter elementos de linha.
  • Elementos de bloco podem conter elementos de bloco, dependendo da categoria que ele se encontra. Por exemplo, um parágrafo não pode conter um DIV. Mas o contrário é possível.
    Fonte: Apostila HTML5 - Elcio Ferreira e Diego Eis

[]s,

Diéssica Gurskas

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

muito obrigado este problema foi resolvido, agora tenho um outro da w3c tambem, estou utilizando uma div dava pelo facebook para por em meu site que é a seguinte:

 

 <div style="margin-left:40px;" class="fb-like" data-href="http://www.facebook.com/radardoimovel" data-send="true" data-width="450" data-show-faces="false"></div>

 

o problema é que da erro no data-href, data-send e data-show na validação do w3c. ex do erro:

Line 121, Column 60: there is no attribute "data-href"
…left:40px;" class="fb-like" data-href="http://www.facebook.com/radardoimovel" …
✉

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Tenta adicionar isso lá no doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

 

Se não conseguir, fala que tenho outra solução.

 

E por favor, posta todos os erros que deram na validação W3C

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

meu DTD ficou assim 

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">

 

mais ae da o erro no w3c 

 Line 2, Column 3: DTDs other than base allowed only if CONCUR YES or EXPLICIT YES
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkU…
✉
Line 2, Column 11: document type "html" already defined
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkU…

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

você tem que substituir o doctype, nada pode ser duplicado em head.

 

Ok.. substitui mais olha os erros que aparecem, aqui vai o link com meu site no w3c validate:

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.radardoimovel.com.br%2F&charset=%28detect+automatically%29&doctype=HTML+4.01+%2B+RDFa+1.1&group=0&user-agent=W3C_Validator%2F1.2

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

 

você não tirou o doctype completamente.

 

Faça certo:

<!DOCTYPE ><!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://…

 

retire a parte em negrito. Já tem doctype depois.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

ok , ajeitei mais continua dando o mesmo erro de data-send, data-href

 

veja o link: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.radardoimovel.com.br%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2#result

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

troque:

 <div style="margin-left:40px;" class="fb-like" data-href="http://www.facebook.com/radardoimovel" data-send="true" data-width="450" data-show-faces="false"></div>

por:

 

 

<script type="text/javascript">
//<![CDATA[
document.write('<div style="margin-left:40px;" class="fb-like" data-href="http://www.facebook.com/radardoimovel" data-send="true" data-width="450" data-show-faces="false"></div>');
//]]>
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

passou william .. muito obrigado :D

 

Aproveitando a deixa, veja o erro deste link, é apenas 1 erro em uma página minha

 

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.radardoimovel.com.br%2Fadmin%2Flogin.php%3Fcadastrar%3Dsim&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ou você usa o cdata ai também, ou mais recomendado, coloca esse script em um arquivo externo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

 

O William é um gênio!!

 

É só pensar um pouco: esse erro tá dando o mesmo problema do outro. (Acima)

 

document type does not allow element = Este tipo de documento não permite elemento.

 

Revisa o código, se nao conseguir coloca a linha completa aqui. Mas tenta antes!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Scientist    2

Scientist
Postado

ok.. usei o CDATA e funcionou, agora me tirem uma dúvida, eu estou validando todas as página no w3c validate, porém as páginas da pasta admin só podem ser acessadas se o usuário tiver logado, caso ele não esteja logado ele é redirecionado para a página de login, quando eu tento por no w3c a pagina:

 

http://www.radardoimovel.com.br/admin/index.php

 

ele vai para a pagina:

 

http://www.radardoimovel.com.br/admin/login.php

 

Como fazer para validar esse tipo de página ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

você pode retirar essa validação de usuário, apenas para validar no w3c.

 

ou então copiar e colar o código fonte(Ctrl+U), e ai enviar por Direct Input.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito