Pergunta

Se eu tiver nomes de classe, como a "esquerda", "direita", "claro" e xhtml como

<a href="index.php" class="right continueLink">Continue</a>

Com CSS como

.right {
float: right;
}

Eu sei que não é um nome de semântica, mas faz as coisas muito mais fácil às vezes.

De qualquer forma, quais são seus pensamentos?

Foi útil?

Solução

Eu não acho que é uma idéia muito boa. Agora, quando você (ou um mantenedor futuro) ir para alterar o layout do site, você quer ter à mudança .right para {float:left;} (obviamente uma má idéia) ou passar por todos os seus arquivos HTML e mudança right para left.

Por que você quer que apontam em particular para ser lançada direita, eo outro .continueLink não é para? Use a resposta a essa questão de escolher um nome de classe mais descritivo para esse link.

Outras dicas

css é sobre a apresentação do Estrutura de sua página html.

Significado suas classes devem representar a estrutura do documento ( 'artigo', 'extra-ligações', 'glossário', 'Introdução', 'conclusão', ...).

Você deve evitar qualquer classe ligada a um física representação ( 'esquerda', 'direita', 'notas de rodapé', 'notas laterais', ...), porque, como o Zen Garden tão claramente ilustra, você pode decidir colocar qualquer div de maneiras muito diferentes e vários.

Os puristas dirão não fazê-lo, e os pragmáticos vai dizer que está tudo bem. Mas será que os puristas definir .right como float: left?

Pode ser aconselhável para evitar nomes que são o mesmo que os valores das especificações CSS A confusão evitar. Especialmente em situações em que vários desenvolvedores trabalhem na mesma aplicação.

Outros, que eu não vejo nenhum problema. Eu iria beneficiar a direita ou esquerda nome como esta:. Menuleft, menuright etc

Sendo um purista, eu não dizer que não fazê-lo. Por razões mencionadas anteriormente.

Ser um pragmático, eu só queria dizer que nunca me retrabalho website visto que as mudanças html puro envolvidos sem css, ou css puro sem html, simplesmente porque ambas as partes estão sendo desenvolvidos com o outro em mente. Assim, na realidade, se alguém poderia precisar para mudar a página, aposto meu salário que vai mudar tanto HTML e CSS.

A descrição acima é algo que os puristas colega em torno de muitas vezes tendem a ignorar, mesmo que seja realidade. Mas a linha de fundo; não, evite usar um className como "certo". : -)

.right e outras classes como essa, certamente, torna mais rápida a escrever criar uma marca com uma regra float:right ligado a ele, mas acho que este método tem mais desvantagens do que vantagens:

Muitas vezes, um estilo de classe com um único float:right; em que vai faltar alguma coisa, o seu exemplo apenas wil flutuar direito se o outro domínio de classe contém um display:block nele, uma vez que um "a" tag não é um elemento nível de bloco. elementos também flutuante mais frequentemente do que não precisa de ter largura de uma altura em anexo. Isto significa que o código no seu exemplo precisa código adicional para fazer o que ele diz, e você tem que procurar em dois lugares quando você tem que mudar seu CSS.

I tendem a estilo meu html dividindo a página em diferentes div-tags com original ID de, em seguida, styling elementos nestes div por herança como esta.

div#sidebar { float:right; width:200px; }
div#sidebar ul { list-style-type:none; }

Isto torna possível particionar meus arquivos CSS, de modo que é fácil encontrar o código css que os estilos de uma determinada marca, mas se você introduzir .right e outras classes que você está começando a se dispersar as regras em diferentes áreas de o arquivo css, tornando o site mais difícil de manter.

Eu acho que a idéia de ter uma classe muito genéricos nasce do desejo de torná-lo possível mudar todo o layout do site, alterando um par de regras em uma folha de estilo, mas devo dizer que em meus 8 anos de desenvolvimento de sites com 30+, locais diferentes sob a minha cintura Eu não tenho uma vez mudou o layout de um site e reutilizado o código HTML.

O que tenho feito inúmeras vezes está fazendo pequenos ajustes para regiões de páginas, ou devido a pequenas mudanças no projeto ou para a introdução de novos navegadores. Então, eu sou todo para manter o meu css dividido em pedaços puro que torna mais fácil para encontrar as regras que eu estou procurando, e não colocar o código em lugares diferentes para alcançar um estilo mais curto.

Saudações Jesper Hauge

Sim, semanticamente falando que é errado, mas, por exemplo, há momentos em que eu estou posicionando imagens dentro de um bloco de cópia do corpo e eu vou dar-lhes a classe "direito".

Talvez "alt" é um nome de classe mais adequado.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top