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

  Video: Listas Ordenadas E lista Não Ordenada HTML 5

• esboços

  Video: Parte 40 - Usando a lista não ordenada (ul) para criar um menu horizontal em HTML5

Você pode combinar qualquer um dos três tipos de listas para criar aninhados listas, como uma tabela de vários níveis de conteúdo ou um esboço que mistura títulos numerados com os itens da lista com 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 marcas para quebrar esses itens mais para tarefas específicas:

Coisas para fazer hoje
gato de alimentação
tigela Rinse
Abrir comida de gato
Misturar o alimento seco e molhado na bacia
Entregar numa bandeja de prata para Pixel
Car Wash
interior de vácuo
lavagem exterior
exterior Wax
compras de supermercado
plano de refeições
Limpar frigorífico
lista fazer
Vá 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, não nos itens da lista.

Video: Como criar uma lista de de produto em dropdown com HTML

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. “Feche primeiro o que você abriu no último” é um axioma importante. Se você não abrir e tags de fechar corretamente, 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 fechado.