Porque usar <h2> ao invés de <p class="produto-nome">

Olá Lalane! Tudo bem? Espero que sim :-)

Quando usamos

<h2>cabelo</h2>

"fixamos" no html. Ele se torna estático. Você não consegue alterar suas fontes, a não ser mudando para h1, h3 e etc.

Quando colocamos dentro do CSS através da classe podemos alterar suas fontes de todas as formas: desde tamanho a cores.

<p class="produto-nome">cabelo</p>

Sem contar que seu código ficará mais organizado!

Se surgir mais dúvidas, no procure!!!

Bons estudos e vamos em frente!!!

Olá,

Obrigada pela resposta. Acho que não consegui explicar bem minha dúvida.

É porque, no curso, foi usado

<h2>

para o nome do produto, com a formatação no CSS. Mas para o preço e descrição, foi usado

<p class=...>

Não entendi porque não usou

<p class=...>

também para o nome do produto.

É questão de semântica. Foi usado o h2 no nome do produto justamente pela importância. Um *Heading Tags" é usado geralmente em títulos, para descrever alguma seção da página, tópico e etc.

Neste link tem mais detalhes: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/Heading_Elements

Entendi Obrigada, Cassio e Thales!