Entrar Ainda não tem acesso?
1
resposta

Pode usar DIV em vez de lista ?

Referente ao curso HTML e CSS: praticando HTML/CSS, no capítulo Finalizando nossa página e atividade Flexbox

por Estudante
| 16.3k xp | 1 posts

Fiz usando DIV e funcionou igual:

<section class="dispositivos">
        <h2 class="dispositivos__titulo">Disponível nos seus dispositivos favoritos</h2>
        <div class="dispositivos__imagem">
            <div class="imagem__dispositivos">
                <img src="/assets/tv.png" alt="Imagem de uma TV">
            <h3>TV</h3>
            </div>
            <div class="imagem__dispositivos">
                <img src="/assets/computador.png" alt="Imagem de um computador">
            <h3>Computadores</h3>
            </div>
            <div class="imagem__dispositivos">
                <img src="/assets/celular.png" alt="Imagem de um celular">
            <h3>Celulares e tablets</h3>
            </div>
        </div>
    </section>

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
por Ana Paula Lemes Fredrich
| 93.2k xp | 7 posts

Olá!

Então, a diferença principal entre usar uma div e uma lista ul, ol, ou li em HTML está na semântica e no propósito.

div (Divisão): A div é um elemento genérico de divisão que é frequentemente usado para agrupar e organizar conteúdo. Ela não tem nenhuma semântica específica associada. Ou seja, não fornece informações sobre a estrutura do conteúdo, apenas fornece uma maneira de dividir e estilizar elementos em uma página. É frequentemente usada para criar layouts, como divs de cabeçalho, barras laterais, contêineres de conteúdo, etc. Não é adequada para representar listas de itens.

Listas (ul, ol, e li): As listas têm uma semântica específica e são usadas para representar informações organizadas em uma lista. Existem dois tipos principais de listas: não ordenadas (ul) e ordenadas (ol). Os itens da lista são representados usando

  • (elementos de item de lista). Listas são a escolha certa quando você deseja apresentar itens relacionados de forma organizada, como uma lista de itens de menu, uma lista de tarefas ou um índice.

Em resumo, use div quando precisar criar estruturas de layout, agrupar elementos ou aplicar estilos a sessões não especificamente organizadas em lista. Use listas (ul, ol, li) quando desejar representar informações em uma sequência ou lista ordenada ou não ordenada. A escolha depende do conteúdo e do significado que você deseja atribuir a ele em sua página da web.