La etiqueta <header> en HTML se usa para definir el encabezado de un documento o una sección. Contiene información relacionada con el título y el encabezado del contenido relacionado. El elemento <header> normalmente contiene el encabezado de la sección (un elemento h1-h6 o un elemento <hgroup>), pero esto no es obligatorio.
El elemento <header> también se puede usar para envolver la tabla de contenido de una sección, un formulario de búsqueda o cualquier logotipo relevante. La etiqueta <header> es una etiqueta nueva en HTML5 y requiere una etiqueta inicial y una etiqueta final.
Puede haber varios elementos <header> en un documento.
Una etiqueta <header> no se puede colocar dentro de un <footer>, <address> u otro elemento <header>.
Sintaxis:
<header> Contents... </header>
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to define a header for a document
or section using HTML?
</title>
<style>
h1 {
color: green;
}
body {
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>GeeksforGeeks</h1>
<h2>
How to define a header for a document
or section using HTML?
</h2>
<p>
<a href="https://www.geeksforgeeks.org/fundamentals-of-algorithms/">
Algo</a> |
<a href="https://www.geeksforgeeks.org/data-structures/">
DS</a> |
<a href="https://www.geeksforgeeks.org/category/program-output/">
Languages</a> |
<a href="https://www.geeksforgeeks.org/company-interview-corner/">
Interview</a> |
<a href="https://www.geeksforgeeks.org/student-corner/">
Students</a> |
<a href="https://www.geeksforgeeks.org/gate-cs-notes-gq/">
Gate</a> |
<a href="https://www.geeksforgeeks.org/articles-on-computer-science-subjects-gq/">
CS Subjects</a> |
<a href="https://www.geeksforgeeks.org/quiz-corner-gq/">
Quizzes</a>
</p>
</header>
</body>
</html>
Producción:
