Existe alguna jerarquía en las etiquetas html, es decir, hay etiquetas que forzosamente deben ir dentro de otras o puedes hacerlo según t...

Pregunta de la clase:
¿Qué es HTML/CSS/JS?
Williams Peralta Reyes

Williams Peralta Reyes

Pregunta
studenthace 5 años

Existe alguna jerarquía en las etiquetas html, es decir, hay etiquetas que forzosamente deben ir dentro de otras o puedes hacerlo según tu consideración?

5 respuestas
para escribir tu comentario
    Armando Toro

    Armando Toro

    studenthace 5 años

    Si claro que existe jerarquía, también anidado de etiquetas e incluso llevar un cierto orden al cerrar las etiquetas.

    José Arbey López Martínez

    José Arbey López Martínez

    studenthace 5 años

    Te lo explico con un ejemplo mejor.

    Supón que estas diseñando o estructurando un portafolio personal.

    <section class="portafolio"> <img src="" alt="Una fotografía tuya"> <h1>Tu nombre completo</h1> <p>Una breve descripción, de tus skills como dev</p> </section>

    Pero lo que quieres ahora es darle un color de fondo al titulo y la imagen al mismo tiempo, tanto puedes darle estilos por separado a cada uno, como puedes envolver ese contenido en un

    <div></div>
    y puedes incluso colocarle un div al párrafo para darle una clase y estilizarlo después.

    <section class="portafolio"> <div class="encabezado"> <img src="" alt="Una fotografía tuya"> <h1>Tu nombre completo</h1> </div> <div class="descripcion"> <p>Una breve descripción, de tus skills como dev</p> </div> </section>

    ¿A la fuerza el div del párrafo tiene que estar? no, pero puede ser que tu diseño lleve mas que solo un parrafo, ¿A la fuerza debo incluir una imagen dentro del div? ¿No debería ser un figure lo que rodea la imagen?, probablemente si, pero es la estructura que le diste, así lo consideraste. La Importancia de todo esto... ¿Qué es div? div no tiene un peso semántico como tal es solo una división para agrupar contenido. Entonces puedes usarlo para eso, ¿Puedes usar un p para agrupar la imagen y el nombre? Si, pero no es para lo que fue creado, es para textos y párrafos, la buena semántica le dice a cualquier motor de búsqueda que estas siguiendo los estándares de html 5 y te posiciona mejor. Práctica siempre que puedas y lee sobre el valor semántico de los tags, para que te des una idea de donde puede ir cada cosa, ya veras que harás tus propia estructura con mas soltura. Saludos

    Mauricio Galvez

    Mauricio Galvez

    studenthace 5 años

    El lenguaje no te fuerza a poner ninguna etiqueta dentro de otra, pero evidentemente hay buenas practicas y no se deben colocar las etiquetas en cualquier lugar.

    Luis Mojica

    Luis Mojica

    teacherhace 5 años

    La respuesta breve es sí. Estefany en esta clase habla a produndidad de este tema.

    Cristian Antonio García González

    Cristian Antonio García González

    studenthace 5 años

    Hola @williamsperaltareyes.

    Eso depende de la arquitectura con la que estés trabajando y como sea el diseño de la página pero lo que si es algo forzado es la jerarquía de las etiquetas <h> que son los títulos que no todo puede ser <h1> o que un <p> pueda ser un titulo es posible sí pero no es debido ya que para eso existen etiqueta especificas para su uso, puedes leer un poco mas sobre las etiquetas <h> en esta página ya que explica cuando se debe usar.

    Espero que mi comentario te sea de utilidad y suerte en tus estudios.

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.