Skip to content

Latest commit

 

History

History
49 lines (45 loc) · 1.81 KB

uso-correto-dos-titulos.md

File metadata and controls

49 lines (45 loc) · 1.81 KB
Raw

HTML Logo

HTML4Noobs

Seja bem-vindo ao HTML4Noobs, seu curso introdutório de HTML5 provido pela He4rt Developers™

Utilização correta dos títulos

Os títulos se dão pelas tags h1, h2, h3, h4, h5 e h6 e deve ser usado de forma hierárquica, sendo h1 usado para o título principal e somente para isso, com o h2 como subtópico e assim sucessivamente, não se devendo pular uma tag só por estilo, já que a estilização se dá pelo CSS não pelo html, pois a movimentação pela página pode se dar por atalhos, levando o usuário diretamente para títulos e o uso inadequado das tags pode levar à confusão de usuários que tenham qualquer limitação. Exemplo de forma correta de se usar o HTML:

<!DOCTYPE hmlt>
<html lang="pt-br">
   <head>
     <meta charset="UTF-8">
     <title>Uso correto dos títulos</title>
   </head>
   <body>
     <header>
       <h1>Título principal</h1><!-- lembre-se que o título principal vai dentro da tag header-->
     </header>
     <h2>Subtópico comum</h2>
       <h3>Subtópico do subtópico acima</h3>
     <h2>Outro subtópico comum</h2>
   </body>
</html>

Forma errada de usar os títulos:

<!DOCTYPE hmlt>
<html lang="pt-br">
  <head>
    <meta charset="UTF-8">
    <title>Uso correto dos títulos</title>
  </head>
  <body>
    <header>
      <h1>Título principal</h1><!-- lembre-se que o título principal vai dentro da tag header-->
    </header>
    <h3>Subtópico</h3>
    <h6>Subtópico</h6>
    <h5>Subtópico</h5>
  </body>
</html>