Estructura de HTML
Estructura de HTML
HTML está organizado como una colección de relaciones de árbol genealógico. Como viste en el último ejercicio, colocamos
<p>etiquetas dentro de las <body>etiquetas. Cuando un elemento está contenido dentro de otro elemento, se lo considera hijo de ese elemento. Se dice que el elemento hijo está anidado dentro del elemento principal .
<body>
<p>Este párrafo es un hijo del body</p>
</body>
En el ejemplo anterior, el
<p>elemento está anidado dentro del <body>elemento. El <p>elemento se considera un elemento secundario del <body>elemento y el <body>elemento se considera el elemento principal. También puede ver que hemos agregado dos espacios de sangría (usando la barra space) para una mejor legibilidad.
Dado que puede haber múltiples niveles de anidación, esta analogía puede extenderse a nietos, bisnietos y más. La relación entre los elementos y sus elementos ancestros y descendientes se conoce como jerarquía .
Consideremos un ejemplo más complicado que usa algunas etiquetas nuevas:
<body>
<div>
<h1>hermano de p, pero también nieto del body</h1>
<p>Hermano de h1, pero también nieto del body</p>
</div>
</body>
En este ejemplo, el
<body>elemento es el padre del <div>elemento. Tanto el elemento <h1>como el <p>elemento son hijos del <div>elemento. Como los elementos <h1>y <p>están en el mismo nivel, se los considera hermanos y ambos son nietos del <body>elemento.
Comprender la jerarquía de HTML es importante porque los elementos secundarios pueden heredar el comportamiento y el estilo de su elemento principal. Aprenderá más sobre la jerarquía de páginas web cuando empiece a explorar CSS
No comments