Ir para conteúdo

POWERED BY:

Arquivado

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

João Prado

Validar documento HTML com ids repetidos

Por , em Desenvolvimento frontend

Recommended Posts

João Prado    64

João Prado
Postado

como já foi dito, ID é única entre todos os elementos da página, não pode se repetir nem mesmo entre tags diferentes

tem certeza que não pode ser repetido entre tags diferentes?

 

eu por exemplo uso o seguinte formato para menus:

<div id="menu">
   <ul id="menu">
      <li></li>
   </ul>
</div>

até onde sei não pode se repetir apenas entre tags iguais, entre tags diferentes não há problema pois no css nao interfere em nada

no exemplo citado acima o css ficaria assim:

 

#menu{}/*estilos da div*/
ul#menu{}/*estilos da ul*/

me corrijam se estiver errado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Está incorreto, não se deve repetir IDs numa mesma página. Reveja os teus conceitos, ID deve ser um identificador único, independente da tag à qual você quer aplicar.

 

Veja a especificação w3c, ou tente validar um documento:

http://validator.w3.org/

 

E além do mais, essa tua marcação para menu na maioria dos casos é desnecessária, já que UL é um elemento nivel de bloco muito bom.

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

foi só um exemplo Willian obrigado pela dica http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

meu css esta validado :blink:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

tem certeza que não pode ser repetido entre tags diferentes?

 

eu por exemplo uso o seguinte formato para menus:

<div id="menu">
   <ul id="menu">
      <li></li>
   </ul>
</div>

até onde sei não pode se repetir apenas entre tags iguais, entre tags diferentes não há problema pois no css nao interfere em nada

no exemplo citado acima o css ficaria assim:

 

#menu{}/*estilos da div*/
ul#menu{}/*estilos da ul*/

me corrijam se estiver errado http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

 

Validation Output: 1 Error

Line 9, Column 15: ID "menu" already defined

<ul id="menu">

 

✉

 

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

Line 8, Column 14: ID "menu" first defined here

<div id="menu">

 

↑ Top

Source Listing

 

Below is the source input I used for this validation:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>

<title>Teste de ID</title>

</head>

<body>

<div id="menu">

<ul id="menu">

<li>Teste</li>

</ul>

</div>

</body>

</html>

 

 

se quiser, faça o teste você mesmo. Cole o source em

http://validator.w3.org/#validate_by_input

 

 

Isso sem mencionar o fato da redundância de declarar um div menu, e ul menu

 

ul já é um elemento de bloco, sem necessidade de um div envolvendo-o exceto para casos de formatação

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

sim a div foi envolvida para caso de formatação

 

estranho isso pois eu fiz um teste aqui pro novo site da empresa usando o exemplo citado acima e o W3C validou por isso achei que não houvesse problema

 

vlw pelas dicas pessoal vou mudar minha forma de fazer http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

O CSS pode estar até validado, mas o HTML não...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

por incrível que pareça os 2 estão Thiago

 

 

estranho mesmo, já que o Evandro mostrou que nao da

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Prado    64

João Prado
Postado

hehe preciso achar ele aqui mas posto sim

e depois vou revalidar tbm pois pode ter acontecido algum erro la né ;)

 

mas que ele validou isso é certeza hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Dividi o topico, por ter fugido da duvida do autor, e por outro membro estar com dúvidas também.

 

A referência se encontra em:

http://forum.imasters.com.br/index.php?/topic/387705-diferencas-entre-as-tags/

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