1
resposta

[Projeto] Trabalhando com css

"` em vez da tag e usei as tags e tiveram o mesmo resultado mas estão corretas nesse segmento do curso??

`

<head>
    <meta charset=UTF-8>
    <title> Barbearia Alura </title>
     <link rel="stylesheet" href="style.css">    

</head>

<body>
    <h1 style="text-align:center">Sobre a Barbearia Alura</h1><br>

    <p>Localizada no coração da cidade a <b>Barbearia Alura</b> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.<br></p>

    <p style="font-size:20px"><i>Nossa missão é:<b> "Proporcionar auto-estima e qualidade de vida aos clientes"</b>.</i><br></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p></center>
</body>
1 resposta

Oi Rodrigo, tudo bem?

Elas tem o mesmo resultado visualmente, mas diferem quanto à semântica e acessibilidade.

Quando você usa a tag <strong> , você dá um significado para aquela parte específica do texto, assim dizendo que ela precisa ser lida com mais força. E com a tag <b> , você apenas marca em negrito o texto. Ou seja, quando um leitor de tela lê aquela parte com a tag <strong> , a voz dele será alterada, ele passará a ler com mais força, já com a tag <b> isso não acontecerá.

Isso também acontece com as tags <em> e <i> . Quando uma parte do texto é marcada com a tag <em> , você dá um significado ao texto dizendo que aquela determinada parte deve ser lida com mais ênfase.

E esses detalhes fazem a diferença para o usuário final do site. Então indico que você faça igual a aula para que seu site fique semanticamente correto e voce já comece a aplicar as boas práticas. :D

Vou deixar aqui algumas documentações para que você dê uma lida e entenda mais sobre o assunto.

Um abraço e bons estudos.