Ir para conteúdo

POWERED BY:

Arquivado

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

RafaelCK

Como escolher nomes para Divs?

Recommended Posts

Olá galera do Imaster, sou novato em css e vocês poderiam me explicar sobre esses nomes de divs?

 

Container, Main, Wrapper, Content, como usar e onde usar, gostaria de saber pois desejo criar site com ids e classes em inglês :)

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

As respostas podem ser muito relativas nesse assuntos, essas nomeclaturas são para deixa o conteudo mais "semantico".

 

Quando se trabalha em grupo em uma empressa pode ter um padrão, quando se trabalha sózinho no caso você definir um padrão pessoal.

 

Mais algumas dicas:

Colacar sempre nomes que realmente tenha alguma ligação com a div pois fica mais facil na hora de dar manutenção.

Usar sempre um padrão em relação nome de class ou id com nome composto. ex:

<div class="minhaDiv"></div>
<div class="minha_div"></div>
<div class="MinhaDiv"></div>

 

Note que no exemplo acima esta o mesmo nome de uma classe só que de formas diferente trabalhar desta forma é pessimo tenha sempre um padrão.

 

 

Container, Main, Wrapper, Content

 

Ja no caso de trabalhar em ingles e como você citou alguns que são muito comuns é simples você deve saber o significado deles e aplicar as div que realmente tenha alguma relação com seu significado.

 

Mais acho que um ponto mais importante que isso é sim saber quando usar div e quando usar outro elemento html.

ex:

<div class="titulo_principal">TITULO PRINCIPAL DE MINHA PAGINA</div><!--Forma errada de trabalhar-->
<h1 class="titulo_principal">TITULO PRINCIPAL DE MINHA PAGINA</h1><!--Forma correta de trabalhar-->


O resultado visual até pode ser o mesmo, mas semanticamente falando a primeita forma esta totalmente incorreta.

 

 

 

Alguns links que pode le ajudar tanto com as nomeclaturas como tambem em como escolher uma tag apropriada para o conteudo:

 

http://tableless.com.br/6-estrategias-para-melhorar-a-organizacao-do-seu-css-2/#.UWde-DeNC9E

http://maujor.com/tutorial/divmania.php

http://tableless.com.br/html5-estrutura-semantica/#.UWde7TeNC9E

http://tableless.com.br/html-5-semantica-e-o-que-e-importante-na-web/#.UWdeaTeNC9E

Compartilhar este post


Link para o post
Compartilhar em outros sites

As respostas podem ser muito relativas nesse assuntos, essas nomeclaturas são para deixa o conteudo mais "semantico".

Obrigado Ricardo Saraiva somente hoje que fui ler este post aqui no fórum, agradeço pela sua ajuda :thumbsup: e esses links que você anexou tem conteúdo de muita qualidade :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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