Como criar listas aninhadas em HTML5

Apenas sobre qualquer coisa se encaixa em uma lista, a partir de conjuntos de instruções para coleções de links. Você pode criar subcategorias por nidificação listas dentro de listas. Alguns usos comuns para listas aninhadas incluem o seguinte:

  • Site mapas e outras ferramentas de navegação

  • Tabelas de conteúdos de livros on-line e papéis

  • esboços

Você pode combinar qualquer um dos três tipos de listas para criar aninhado listas, tal como uma mesa com vários níveis de conteúdo ou de um esboço que mistura títulos numerados com itens da lista de marcadores como o nível de destaque menor.

O exemplo a seguir começa com uma lista numerada que define uma lista de coisas a fazer para o dia e usa três listas com marcadores para quebrar esses itens ainda mais para tarefas específicas:

Listas aninhadas

Coisas para fazer hoje

  1. gato de alimentação
  2. bowl Rinse
  3. Abrir comida de gato
  4. Misture alimentos secos e molhados na bacia
  5. Entregar numa bandeja de prata para Pixel
  6. Car Wash
  7. interior de vácuo
  8. Wash exterior
  9. exterior Wax
  10. compras de supermercado
  11. Plano de refeições
  12. Limpar frigorífico
  13. lista fazer
  14. Ir para armazenar

Todas as listas aninhadas seguem o mesmo padrão de marcação:

  • Cada item da lista na lista de nível superior ordenado é seguido por uma lista completa de segundo nível.

  • As listas de segundo nível sentar dentro da lista de nível superior, e não nos itens da lista.

Esta figura mostra como um navegador reflete essa nidificação em seu display.

image0.jpg

Enquanto você construir listas aninhadas, assistir a abertura e fechamento com cuidado. # 147 Feche primeiro o que você abriu no último # 148- é um axioma importante. Se você não abrir e tags de fechar corretamente, as listas não pode usar travessões ou números consistentes, ou o texto pode ser recuado incorretamente porque uma lista em algum lugar nunca foi devidamente fechada.

menu