Comentário: HTML5 Desenvolvendo convenções de nomenclatura e micro formatos.
Em 29 de maio de 2004, no meu blog aposentado e em toda a grande conversa, quando pesquisei 40 sites de designers para ver suas convenções para elementos de página pública, como títulos e banners, navegação, conteúdo e rodapé (resultados naquela época).
Não foi uma pesquisa científica, mas em junho daquele ano, acompanhei algumas das opiniões de Eric Meyer e publiquei um conjunto de convenções de nomeação. Quando acho que um site passou por essas convenções de nomenclatura, estou sempre feliz por estar usando -o todos os dias, mais de 4 anos depois.
Meus pensamentos podem ser resumidos como este
Os nomes de atributos de ID e classe devem refletir a função ou conteúdo do elemento, não a introdução. Então eu saí do cabeçalho e voltei novamente; Saí do rodapé e o substituí pelo site-info.
A nomeação deve assumir quase uma estrutura de estilo XML. A nomeação assumirá quase uma estrutura de estilo XML. Portanto, o conteúdo interno vem com o conteúdo, conteúdo-sub-sub-supa.
Essas convenções me servem bem, e o que eu faço, dificilmente muda o núcleo deles. Não há dúvida de que todos eles tornam meu trabalho mais rápido, mais consistente e mais benéfico. Eles facilitam a construção de produtos e cultivam pessoas com quem trabalho com minha mentalidade. A convenção de nomenclatura funciona.
Microformata e nomes de atributos relacionados
Vamos ser sinceros, microformatos como HCARD, HCalendar, Hatom e outros rascunhos trazem tantos valores de atributo que muitas vezes é desnecessário considerar qual arquivo construir ou quais ganchos para os quais as restrições CSS são fornecidas para esses valores mais atributos. Agora eu uso microformatos para atingir esse nível que nem uso os atributos de classe (exceto os atributos da classe que acompanham o microformato) para desenvolver a página inteira.
Em raras ocasiões, preciso adicionar um novo elemento (assumindo uma divisão de propósito de layout), primeiro penso é o que já existe no microformato de extensão. Vou te dar um exemplo de uso do modo HATOM:
<div class = hentry>
<h2 class = entrada title> título </h2>
<div class = Entry-Content>
Conteúdo principal
</div>
<div class = relacionado à entrada>
Conteúdo relacionado
</div>
</div>
Se você está mantendo as vantagens dos micro formatos, percebeu que relacionado à entrada não faz parte do padrão de Hatom, mas neste caso eu absolutamente, explicitamente, tenho que ter um fator extra, como faço para compensar um valor de propriedade como Sidelinks relacionados?
Quando parece mais lógico estender o padrão de nomenclatura dos microformatos?
Html5
No início deste capítulo, eu deveria estar falando francamente, neste momento, não posso prestar menos atenção ao HTML5. No entanto, essa não é a chave para o problema. O HTML5 apresenta alguns novos elementos potencialmente muito úteis, como:
seção
Uma seção de arquivo ou aplicativo normal. Os capítulos, a esse respeito, são uma classificação de tópicos do conteúdo.
artigo
Parte de uma página composta por artigos que fazem uma parte independente de um documento, página da web ou site. Este pode ser um post do fórum, um artigo de revista ou jornal, uma entrada de log da web, um comentário substituído pelo usuário ou qualquer outro item independente de conteúdo.
aparte
Uma parte de uma página composta por conteúdo é independente do conteúdo relacionada a elementos de lado e pode ser considerada separada do conteúdo. Essas peças geralmente se manifestam como barras laterais impressas e tipográficas.
Como era lógico para os inventores dos microformatos basearem seus esquemas nas especificações existentes, certamente agora faz sentido adaptar minhas convenções de nomenclatura para seguir as no HTML5? Claro, não posso usar:
<Section>
<H2> Título </h2>
<Artigo>
Conteúdo principal
</artigo>
<oswer>
Conteúdo relacionado
</fast>
</seção>
Mas agora eu posso usar os valores do ID e do atributo de classe para me ajudar a familiarizar com o HTML5, levando minha documentação para dar um passo adiante em direção a ele.
<div class = seção>
<H2> Título </h2>
<div class = article>
Conteúdo principal
</div>
<div class = de lado>
Conteúdo relacionado
</div>
</div>
Eu acho que é um próximo passo lógico para mim. Então, olhando para este arquivo de demonstração, peguei a base dos elementos HTML5 para minha convenção de nomenclatura. Além do que acabei de mencionar, observe que determinei a maneira de classificar e navegar (NAV), construir campos com ColGroup e Col, converter uma lista não ordenada em uma grade e usar o Datagrid.
A especificação de marcação do HTML5 também inclui detalhes, diálogo e figura, que também posso usar como valores de atributo.
Se eu pudesse alcançar um desejo hoje, esse desejo seria que todo o desenvolvimento da estrutura do CSS adote a mesma convenção de nomenclatura (e também amplamente incorporada em micro formatos), de modo que as pessoas iniciantes com tags e CSs significativos tenham um ponto de partida correto para usar os atributos mais significativos e lógicos, em vez de ID e classe representacionais.