Pergunta

Estou criando uma GUI web para um aplicativo que eu estou trabalhando. Esta seção especial vai sentar-se dentro de uma página maior que é de uma boa maquiagem semântica. No entanto, tenho a certeza qual a melhor opção para marcar o abaixo da tela semanticamente.

Meu pensamento inicial é separar a metade superior da metade inferior via divs. Portanto, marcação para o topo é muito fácil. Deixando a parte inferior, que é onde eu me sinto perplexo. A resposta mais fácil é uma mesa, mas este conteúdo não se encaixa facilmente as únicas mesas de uso para regra de dados tabulares. Especialmente considerando que os cabeçalhos ficaria em evidência, este layout. Sugestões?

Necessidade Semantic Markup para essa imagem http://img183.imageshack.us/img183/2261/semanticmarkup.png

Foi útil?

Solução

Gostaria de usar uma mesa para a parte inferior, porque na minha opinião, este é de dados tabulares. Eu vejo 4 colunas (ícone, nome do projeto, descrição do projeto, e botões de ação). Eu não vejo nenhuma razão para não usar uma tabela para este layout (para não mencionar que qualquer outra abordagem que faria esta escala de layout adequadamente exigiria JavaScript e muita dor de cabeça para a direita trabalho).

Outras dicas

Eu não acho que seria a violação mais flagrante de marcação semântica, se você colocar esse material em tabelas. Exceto para os botões, ele parece muito tabular para mim. Eu acho que os deuses CSS iria absolvê-lo:)

Eu concordo com Andrew. Este é dados tabulares para que você deve usar um <table> mas tenha em mente que você deve definir cabeçalhos de tabela, colunas e rodapés corretamente.

Sua outra opção é ir com uma tabela sem cabeçalho onde você usaria um <div>for o cabeçalho e rodapé e uma <table> como o corpo. No entanto, eu não recomendo fazer isso. Uma razão seria que você gostaria cabeçalhos para coisas como do lado do cliente triagem se você estiver usando JavaScript.

Você não está violando qualquer coisa colocar isso em forma de tabela. Claro, algumas pessoas vão reclamar sobre isso, mas é perto o suficiente para dados tabulares que você pode muito bem.

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