Publicado em 12 de out.

Comentário condicional no HTML

Galera estou aprendendo sobre comentários condicionais e os sites dizem que eles são usados na tag head para chamar um arquivo css específico para os IE.

Minha dúvida é se posso usá-los em tags dentro do body, pois não quero criar um css a parte sendo que eu posso resolver incompatibilidades no próprio HTML.

Quem puder me ajudar eu agradeço. Valeu galera.

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

ricardo_mc· 13 de out.

Os comentários condicionais podem ser usados em qualquer parte do HTML, mesmo para exibir tags específicas, caso seja o IE.

Agora, minha sugestão (e da maioria das pessoas) é que você use o Comentário Condicional pelo CSS ou Javascript. Os motivos são alguns:

Os erros costumam ser pequenos (caso você use CSS Reset), então é mais prático usar uma condição para alterar um pequeno parâmetro do CSS do que do HTML, o que mexe diretamente com estrutura.

Na hora de fazer manutenção, você não precisa se preocupar em refazer uma ou mais vezes o HTML, quando pode apenas alterar poucas linhas pelo CSS para reaplicar a correção.

Usar as condições para adicionar ou remover TAGs só são mesmo usadas quando queremos exibir alguma coisa apenas no IE, porque os outros navegadores vão entender a tag como comentário, então não para para esconder apenas do IE, caso você use as condições nas tags.

A outra forma de usar Condição nas tags, são casos especiais, mas que normalmente tem relação com o CSS. Ver exemplo abaixo.

**Uma coisa que faço para não ter que criar um arquivo de CSS apenas para o IE** (ou mais, se quiser ver as várias versões), é usar a condição para a tag Body. Eu faço o seguinte, antes da tag <body>, coloco o seguinte código:

 

<!--[if IE]><body class="IE"><![endif]-->
<body>

Isso vai me dizer que se o navegador for o IE, o body vai levar a classe .IE e nesse caso eu posso alterar o CSS para o IE em apenas um arquivo, sem criar um arquivo novo apenas para isso. Ex:

div{float:left; width:200px;height:100px;background:#F60;}
.IE div{width:210px;}

Com isso, posso fazer uma pequena correção onde a DIV vai herdar todas as propriedades que coloquei, mas se for o IE, ela vai ter width:210px ao invés de 200px.

Vê se isso resolve seu problema.

HITCH_WOLF· 13 de out.

Muito boa a sua dica da tag body, não havia pensado nisso. É uma pena que os comentários condicionais não funcionem dentro do arquivo css, somente os hacks funcionam, mas hacks estou pulando fora já que ele é tão "açoitado" rsrsrs.

Valeu mesmo Ricardo.