Listas não ordenadas (ul)

As listas não ordenadas são elementos importantes para estruturar e organizar o conteúdo em uma página HTML. Com a tag <ul> (unordered list) e seus elementos <li> (list item), é possível criar listas de itens que não seguem uma ordem específica.

Neste tópico, você aprenderá como utilizar as listas não ordenadas em seu código HTML e como aproveitar seus recursos para melhorar a legibilidade e a usabilidade do seu site.

Desenvolvendo listas não ordenadas em HTML

Para criar uma lista não ordenada em HTML, utilizamos a tag <ul>. Dentro dessa tag, cada item da lista é definido utilizando a tag <li>. Por exemplo:

<ul>

    <li>Item 1</li>

    <li>Item 2</li>

    <li>Item 3</li>

</ul>

Neste exemplo, temos uma lista não ordenada com três itens. Cada item é definido pela tag <li>, e eles são exibidos como pontos ou marcadores na página.

Dicas de SEO

1. Utilize palavras-chave relevantes para descrever cada item da lista.
2. Evite criar listas muito extensas. Se necessário, divida-as em sublistas menores.
3. Priorize a clareza e a organização do conteúdo.

Dicas de legibilidade

1. Seja conciso ao criar os itens da lista.
2. Utilize uma linguagem simples e direta para tornar o texto fácil de entender.
3. Considere adicionar espaçamento adequado entre os itens da lista para melhorar a leitura.

Exemplo simples

Aqui está um exemplo de uma lista não ordenada em HTML com alguns itens relacionados a frutas:

<ul>

    <li>Maçã</li>

    <li>Banana</li>

    <li>Morango</li>

</ul>

Neste caso, a lista não ordenada compõe-se por três itens: “Maçã”, “Banana” e “Morango”. Essa estrutura pode adaptar-se para diversos contextos, como listas de recursos, benefícios, etapas de um processo, entre outros.

As listas não ordenadas são ferramentas valiosas para organizar e estruturar o conteúdo de um site.

Utilizando a tag <ul> e <li>, você pode criar listas claras e legíveis, proporcionando uma melhor experiência de navegação aos usuários. Ao aplicar as dicas de SEO e legibilidade, você otimizará o conteúdo da sua página para os motores de busca e para os visitantes.

Experimente utilizar listas não ordenadas em seu próximo projeto e aproveite os benefícios que elas podem trazer.

Compartilhar

Compartilhar

Siga-me