This article is currently in the process of being translated into Portuguese (~99% done).
Headings
Elementos "Headings" são definidos pelas marcações <h1> até <h6> Sendo o elemento <h1> o maior e importante "heading" da página.
Abaixo estão alguns exemplos de diferentes títulos
<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>
Títulos são importantes já que os navegadores interpretam os títulos como a estrutura da sua página. Portanto, títulos deveriam ser usados apenas para títulos reais e não para deixar o texto em negrito ou grande. Além de estruturar sua página, títulos também aumentam a legibilidade de suas páginas - seus usuários provavelmente vão olhar suas páginas e usar os títulos como navegação.
Abaixo está um exemplo de como você pode usar os diferentes títulos. Os títulos são usados para estruturar a página - o seguinte HTML criaria esta estrutura de página:
- Introdução
- Voltar aos títulos de 2º nível
- O último título de 2º nível
<!DOCTYPE html>
<html>
<head>
<title>Your first HTML5 Document</title>
</head>
<body>
<h1>Introduction</h1>
<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
<h2>The less important heading</h2>
<p>This is the second paragraph and it is right below a h2-heading</p>
<h3>My 3rd level heading</h3>
<p>Just another paragraph </p>
<h2>Back to 2nd level headings</h2>
<h2>The last 2nd level heading</h2>
</body>
</html>