Aplicação web padrões de codificação [duplicado]

Question

Esta pergunta já tem uma resposta aqui:

• Básicos de Codificação Padrão para HTML e CSS [fechado] 3 respostas

O padrão HTML define uma clara separação de preocupações entre o CSS (apresentação) e HTML (semântica ou estrutura).

Alguém usa uma codificação de documento de padrões para CSS e XHTML que tem cláusulas que ajudam a manter essa separação?O que seria bom cláusulas a incluir em tal padrões de codificação de documento?

Answer 1

Não temos um documento físico que todos nós aderimos a onde eu trabalho.Há uma série de diretrizes que tentar manter em mente, mas não há realmente o suficiente informação para exigir uma físicas documento. Este artigo soma-los até estas diretrizes muito bem.Você também pode considerar a formatação do seu CSS para facilitar a leitura. Smashing Magazine tem um excelente artigo sobre este assunto.

Answer 2

O artigo citado pelo @Lee Teobaldo é um bom começo.

Algumas ideias básicas que eu tento manter em mente quando marcar:

A respeito de html:

Tente escrever para a próxima pessoa que for, pense sobre o quão fácil ou difícil pode ser para alguém vir e pegar o seu trabalho e continuar.

Para apoiar este princípio, você deve tentar e certifique-se de que sua marcação é tão legível quanto possível, de classe e de etiquetas de identificação, em particular, devem relacionar-se tanto quanto possível para o seu conteúdo pretendido.Em outras palavras, tenta usar suas tags para descrever o tipo de conteúdo que eles terão.

Por exemplo, "Sub-navegação", "conteúdo", etc.

O objetivo é proporcionar uma marcação que alguém pode captação de não ter olhado antes e ter uma noção da estrutura lógica do documento.

Além disso, tente evitar a adição de marcação que é puramente para conseguir um efeito visual.Mas tenha em mente que qualquer site que requer um pouco sofisticado estilo é improvável que seja capaz de evitar a não-marcação semântica, devido a falhas nas implementações atuais de CSS e o navegador, problemas de compatibilidade.

Sobre arquivos CSS:

Muitas pessoas dividem seu css em seções usando comentários, separando-as em funcionais ou estruturais áreas.Assim você pode ter uma seção para o seu cabeçalho, o rodapé ou a tipografia e assim por diante.Outros levam mais longe e dividir css em arquivos, ter um para tipografia, um para o layout, etc.No entanto, isso pode de acordo com o Yslow!pode ter um impacto negativo sobre o carregamento da página, devido ao aumento de pedidos de http.

Eu poderia escrever mais, mas como você pode ver eu me esforço para ser conciso.Espero que este seja de alguma utilidade para você.