Esqueleto de HTML
Aquí se presenta un ejemplo básico de un esqueleto de HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de la Página</title>
</head>
<body>
<header>
<h1>Encabezado Principal</h1>
</header>
<nav>
<ul>
<li><a href="#inicio">Inicio</a></li>
<li><a href="#servicios">Servicios</a></li>
<li><a href="#contacto">Contacto</a></li>
</ul>
</nav>
<main>
<section id="inicio">
<h2>Bienvenidos</h2>
<p>Contenido inicial de la página.</p>
</section>
<section id="servicios">
<h2>Nuestros Servicios</h2>
<p>Descripción de servicios ofrecidos.</p>
</section>
</main>
<footer>
<p>© 2024 Nombre de la Empresa</p>
</footer>
</body>
</html>Cada sección del esqueleto de HTML cumple una función específica:
-
<!DOCTYPE html>: Declara el tipo de documento y la versión de HTML. -
<html lang="es">: Define el idioma de la página. -
<head>: Contiene metadatos como el charset y el título. -
<body>: Incluye todo el contenido visible de la página. -
<header>,<nav>,<main>,<section>,<footer>: Etiquetas semánticas que organizan el contenido.
Este esqueleto es esencial para crear páginas web bien estructuradas y compatibles con los estándares actuales.
Jorge García
Fullstack developer