Estrutura simples do HTML5 | Café ++
Publicado: 15/02/2018 - Everson Vansoski

Estrutura simples do HTML5

Estrutura básica padrão do HTML5

Uma IDE que se preze já inicia seu projeto web com as tags do HTML5 por padrão, porém, se você se ver em uma situação em que não pode contar com um software do tipo, ou queira usar apenas um editor de código simples, você pode conferir abaixo a estrutura simples de uma página HTML5.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"><!--laout responsivo*-->
    <title>Página HTML5</title>
    <link href="SeuCSS.css" rel="stylesheet"/>
    <script src="SeuJS.js"></script>
</head>
<body>

    <header>
        <nav>
            <ul>
                <li>PG Inicial</li>
                <li>Produtos</li>
                <li>Sobre Nós</li>
            </ul>
        </nav>
    </header>
 
    <section>
        <!--conteúdo da pg-->
    </section>

    <footer>
        <p>Copyright©</p>
    </footer>

</body>
</html>

Everson Vansoski
Analista de Sistemas no setor de contact center em São Paulo - SP