Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida semântica

Olá boa noite pessoal.

Não entendi o exemplo, porque o ul e li ficaram dentro do P?

<main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo">Currículo</h1>
        <p class="apresentacao__conteudo__texto">
            Apresentação e informações principais
        </p>
        <h2 class="apresentacao__conteudo__titulo">Experiências</h2>
        <p class="apresentacao__conteudo__texto">
        <ul class="apresentacao__conteudo__texto">
            <li> Empresa tal (2020 - 2021) - fazia isso e aquilo </li>
            <li> Empresa tal (2021 - 2023) - fazia isso e aquilo </li>
        </ul>
        </p>
        <h2 class="apresentacao__conteudo__titulo">Estudos</h2>
        <p class="apresentacao__conteudo__texto">
        <ul class="apresentacao__conteudo__texto">
            <li>Curso tal - Alura Cursos <a href="linkdocertificado">com certificado</a> </li>
            <li>Curso tal - Alura Cursos <a href="linkdocertificado">com certificado</a></li>
            <li>Curso tal - Alura Cursos <a href="linkdocertificado">com certificado</a></li>
        </ul>
        </p>    
    </section>
    <img src="./assets/imagem.png" alt="Foto da Joana Santos programando">
</main> 
2 respostas
solução!

Olá, Renato.

Tudo bem?

Semânticamente não tem a necessidade de colocar dentro da tag <p>, acho que ficaria melhor dentro de uma <div> ou deixar só a lista <ul> mesmo e ajustar o estilo CSS dela.

Em resumo, pensando em semântica, é melhor deixar fora da tag <p> mesmo, porque a tag <p> é para textos, e nesse código é uma lista de links âncora de tags <a>.

Espero ter ajudado. Qualquer dúvia manda aqui. Valeu.

Obrigado pela explicação!