a ordem que você sentir que te ajuda mais com organização. mas existem algumas regras que precisam ser respeitadas:

  1. só pode ter um único h1
  2. só pode ter um único nav
  3. main só pode ser filho direto de section, article e body

<aside> ❓ por quê? por dois motivos: organização e SEO

</aside>

Untitled

ou seja, a ordem fica a seu critério de como você se organiza melhor. eu faço da seguinte maneira:

<body>
	<header>
		<section>
			<article>
				<h1>Carol Santos</h1>
			</article>
			<nav>
				<a href="">sobre mim</a>
				<a href="">experiência</a>
				<a href="">contato</a>
			</nav>
	<section>
	</header>
	<main>
		<section>
			<article>
				<div>
					<h2>Sobre mim</h2>
					<p>Descrição</p>
				</div>
				<div>
					<h2>Carreira</h2>
					<p>Descrição</p>
				</div>
			</article>
		</section>
	</main>
	<footer>
		<div>
			Carol ©
		</div>
	</footer>
</body>

Untitled

próxima dúvida →

o que é svg?