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
- gato de alimentação
- bowl Rinse
- Abrir comida de gato
- Misture alimentos secos e molhados na bacia
- Entregar numa bandeja de prata para Pixel
- Car Wash
- interior de vácuo
- Wash exterior
- exterior Wax
- compras de supermercado
- Plano de refeições
- Limpar frigorífico
- lista fazer
- 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.
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.