¿Quieres saber cómo está organizada una página web y cómo funciona realmente su estructura HTML? Entonces, estás en el lugar correcto. En este artículo te explicaremos de manera clara y concisa todo lo que necesitas saber sobre la estructura de una página HTML. Descubre los elementos básicos que componen una página web y cómo se relacionan entre sí para crear el contenido que vemos en la pantalla. Acompáñanos a descubrir un poco más sobre el fascinante mundo del desarrollo web.
Un documento HTML 4 debe comenzar con un DOCTYPE declaración que declara la versión de HTML al que se ajusta el documento. Si no se realiza la declaración, el navegador hará todo lo posible para mostrar la página en consecuencia. Si ha estado diseñando páginas web durante un tiempo, es consciente de la dificultad de desarrollar una página que se vea igual en todos los navegadores.
Al establecer el DOCTYPE, puede asegurarse de que sus páginas web se procesarán en un formato similar porque esto le indica al navegador exactamente cómo manejar los elementos que encuentra en el documento. Aquí hay una lista de DOCTYPEs que puede usar si desea establecer su tipo de documento en HTML 4.01 o XHTML 1.0.
HTML 4.01
[Strict DTD]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[Transitional]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[Frameset DTD]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">XHTML 1.0
[Strict DTD]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[Transitional]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[Frameset DTD]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">Después de la DOCTYPEel elemento HTML sigue y contiene el HEAD y BODY. El HEAD contiene información sobre el documento, como su título y palabras clave, mientras que el BODY contiene el contenido real del documento, compuesto por elementos a nivel de bloque y elementos en línea. Un documento HTML 4 básico toma la siguiente forma:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>The document title</title>
</head>
<body>
<h1>Main heading</h1>
<h2>Sub-heading</h2>
<p>A paragraph.</p>
<p>Another paragraph.</p>
<ul>
<li>A list item.</li>
<li>Another list item.</li>
</ul>
<h2>Another heading</h2>
<p>Another paragraph</p>
</body>
</html>Si sigue algunos consejos simples como agregar un DOCTYPEasegurándose de que todas sus etiquetas estén correctamente cerradas y que sus etiquetas estén en lcaso inferior, descubrirá que los usuarios que utilicen navegadores modernos tendrán una experiencia similar. Si es nuevo en la codificación HTML, se recomienda que siga los estándares de codificación XHTML más estrictos.
