Desarrollo Web HMTL

Estructura de un documento HTML

Rubén

Estructura General

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Mi página</title>
        ...
    </head>
    <body>
        ...
    </body>
</html>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Mi página</title>
        <!--
            enlazar a archivos css
            enlazar a archivos js
            enlazar fuentes externas
            metadados:
                - kewords
                - description
                - robots
                - author
                - owner
        -->
    </head>
    <body>
        ...
    </body>
</html>

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Mi página</title>
        ...
    </head>
    <body>
        <header>
            <h1>...</h1>
            <nav>
                <ul>
                    <li>...</li>
                    <li>...</li>
                    <li>...</li>
                    <li>...</li>
                    <li>...</li>
                </ul>
            </nav>
        </header>
        <section>
            <article>...</article>
            <article>...</article>
            <article>...</article>
        </section>
        <footer>
            ...
        </footer>
    </body>
</html>

Comentarios

<!-- Este es un comentario -->