Tag <header>


A tag <header> no HTML desempenha um papel importante na estruturação semântica das páginas web, sendo destinada à inclusão de elementos que representam cabeçalhos ou áreas introdutórias de um documento.

Nota

Essa tag é comumente utilizada para incluir logotipos, títulos, menus de navegação e outros elementos que constituem a parte superior de uma página web.

Ao utilizar a tag <header>, os desenvolvedores proporcionam uma maior clareza e significado ao código HTML. Dessa forma, facilitando a identificação das informações contidas no cabeçalho por leitores de tela e motores de busca.

<header>
	<h1>Meu Site</h1>
	<nav>
	  <ul>
		<li><a href="#home">Home</a></li>
		<li><a href="#sobre">Sobre</a></li>
		<li><a href="#servicos">Serviços</a></li>
		<li><a href="#contato">Contato</a></li>
	  </ul>
	</nav>
</header>

Referências