Muchas gracias amigo, me a sido de gran ayuda para comprender esto, he comenzado con esto de diseño de paginas web porque en la escuela me la daban, lamentablemente solo fue un semestre. ya aprendí HTML y ahora estoy aprendiendo CSS, luego aprenderé JAVA
Te la rifaste hermano, la verdad no sabía diferenciar estas etiquetas para separar contenido ( DIV, SECTION, ARTICLE), pero con tu explicación me quedo muy clara, gracias
Entonces, a lo que yo entiendo, lo de section solo le sirve al desarrollador a identificar su codigo? Ya que al usuario le saldra normal la pagina y en tal caso el desarrollador incluso puede usar solamente parrafos y demas para ordenar la pagina y no usar ningun y aun asi la pagina compile bien y salga de la misma forma? Por lo que eso solo le sirve al desarrollador a mantener ordenado su codigo? Y otra cosa, entonces el servira para aplicar estilos, crear clases y todo eso y el es para dividir el contenido en nuestra pagina web, ¿no?
No, el HTML semántico (uso de section y otras etiquetas identificativas) sirve también para que los propios navegadores puedan leer mejor la estructura de nuestra web y ofrecer mejor experiencia de usuario basada en accesibilidad y navegación, no solo ayuda a la legibilidad del developer sino también a la del navegador y el usuario, además, se toma en cuenta a nivel de SEO que la estructura de la web sea semántica, no se trata de que funcione y ya, las etiquetas nos ayudan a darle sentido a la estructura y si no las usamos correctamente puede penalizar la experiencia de usuario y el seo de la web
hermano se que tu explicación es buena por el feedback que veo, pero llevo viendo varios videos y logro entender para que sirven, pero en el momento de la practica siento que las uso mal. Apenas llevo 2 días aprendiendo de desarrollo web y no se si seguir avanzando más adelante lo lograre comprender mejor, porque me estoy quedando aqui.
¡Hola! Un par de cosas, si no estás seguro si las estás usando bien, mírate el vídeo de cómo validar tus documentos HTML, ahí muestro una web y extensión para validar la estructura y uso de las etiquetas. Otra cosa, me comentas que llevas dos días, calma, es normal que tengas dudas, pero ten paciencia porque no es algo que se domine en un par de semanas o un mes, la práctica y el aprendizaje debe ser constante para siempre ir mejorando, ánimo. ¡Un saludo y que tengas buen código!
@@programacion-es si he validado el código y no me sale ningún error, creo era la idea que tenía yo de estarías usando mal. Igualmente muchas gracias por apoyar a los que recién están empezando 🙌
En este caso la diferencia entre los 3 contenedores es más semántica que visual, por eso me centré en la diferencia de uso más que en resultado visual dado que este no varía, pero lo tendré en cuenta para próximos ejercicios, muchas gracias por comentar Un saludo y que tengas buen código!
En conclusion, estas etiquetas tienen distinta utilidad y su unica diferencia es el nombre, podria usar un div para lo mismo que un section o un article, simplemente no se hace porque es mas ordenado hacerlo con las etiquetas recomendadas para hacrlo, pero el resultado no cambia?
Si y no, en efecto, las tres actúan como contenedores, divs en versiones anteriores, sin embargo, su uso sí que tiene peso semántico para temas de accesibilidad, SEO y estructura del contenido, a nivel funcional, por llamarlo de alguna manera, son contenedores, a nivel semántico, cada uno tiene su uso y su contexto para mejorar la legibilidad de la web en base a su estructura =)
Muy buena explicacion pero el video pudo haber durado la mitad si solo hubieras dicho cuanto mucho tres veces "vale". Lo repites exageradamente y pierdes oratoria.
Muchas gracias amigo, me a sido de gran ayuda para comprender esto, he comenzado con esto de diseño de paginas web porque en la escuela me la daban, lamentablemente solo fue un semestre. ya aprendí HTML y ahora estoy aprendiendo CSS, luego aprenderé JAVA
Me alegra un montón que te haya sido útil, un saludo y que tengas buen código!
Muchas Gracias, por tu explicación, e empezado con html, css y js, me a sido de gran ayuda.
Muchas gracias a ti por el feedback, un saludo y que tengas buen código! 👨💻
muchas gracias por tomarte el tiempo de explicar estos conceptos tan básicos, teniéndonos en cuenta a los nuevos!
Para eso estamos! =) Muchas gracias a ti por comentar
Muchas gracias por la explicación, tenia dudas sobre las diferencias, los ejemplos han sido de mucha ayuda.
Muchas gracias por tu comentario, me alegra que te haya sido útil, un saludo y que tengas buen código!
Gracias compadre, la mejor explicación que he visto hasta ahora.
Muchas gracias a ti por comentar! Un saludo y que tengas buen código!
Excelente explicación, muy agradecido
Gracias a ti por comentar, un saludo y que tengas buen código 😎👨💻🤘
Muy bien explicado y mostrado
¡Muchas gracias!
Te la rifaste hermano, la verdad no sabía diferenciar estas etiquetas para separar contenido ( DIV, SECTION, ARTICLE), pero con tu explicación me quedo muy clara, gracias
Muchas gracias por tu comentario! Me alegra que te haya sido útil el video, un saludo y que tengas buen código!
Gracias por la explicación.
¡Gracias a ti por comentar! Me alegra que te haya sido útil =)
Muchas gracias por la información y bien explicado.
Muchas gracias por comentar! Un saludo y que tengas buen código!
Entonces, a lo que yo entiendo, lo de section solo le sirve al desarrollador a identificar su codigo? Ya que al usuario le saldra normal la pagina y en tal caso el desarrollador incluso puede usar solamente parrafos y demas para ordenar la pagina y no usar ningun y aun asi la pagina compile bien y salga de la misma forma? Por lo que eso solo le sirve al desarrollador a mantener ordenado su codigo?
Y otra cosa, entonces el servira para aplicar estilos, crear clases y todo eso y el es para dividir el contenido en nuestra pagina web, ¿no?
No, el HTML semántico (uso de section y otras etiquetas identificativas) sirve también para que los propios navegadores puedan leer mejor la estructura de nuestra web y ofrecer mejor experiencia de usuario basada en accesibilidad y navegación, no solo ayuda a la legibilidad del developer sino también a la del navegador y el usuario, además, se toma en cuenta a nivel de SEO que la estructura de la web sea semántica, no se trata de que funcione y ya, las etiquetas nos ayudan a darle sentido a la estructura y si no las usamos correctamente puede penalizar la experiencia de usuario y el seo de la web
Muy buena explicacion, sigue asi.👍
Muchas gracias! Un saludo y que tengas buen código!
Excelente explicación
Muchas gracias por tu comentario, me alegra que te haya sido útil, un saludo y que tengas buen código!
muy buen contenido Hombre me sirvio de mucho
¡Muchas gracias por tu comentario, me alegra un montón que te haya sido útil, un saludo y que tengas buen código!
Me encanto tu video, me podrias decir cual extension usas en VS para el autocomletar del HTML. Un saludo
Mil gracias!! VSCode ya tiene integrado emmet para el autocompletado, si te hace falta más, te sirve cualquier extensión del directorio de vscode =)
Que buena explicación 👍🏽
Me alegra que te haya gustado, muchas gracias por comentar! Un saludo y que tengas buen código!
Vale...!!!
xD creo que ya he mejorado lo de la muletilla en vídeos actuales ajksdhasjhdajksda
Que buenos videos
Muchas gracias! Un saludo y que tengas buen código!
Muchas gracias! Un saludo y que tengas buen código!
Crack
Muchas gracias por comentar, me alegra que te haya sido útil, un saludo y que tengas buen código!
👍👍👍👏👏👏
Gracias por el tutorial, una duda como ingresas el codigo dentro del div automaticamente y queda con identación?
¡Hola! Con la extensión Prettier, la configuras para formatear tu código al guardar el archivo =)
@@programacion-es Gracias :)
Hola amigo excelente explicacion, pero deberias enseñarlo como queda en la pagina tmb para entederlo mas rapido
Hola! A nivel visual no hay diferencia, por eso la explicación para poder diferenciar las etiquetas a nivel semántico y cuándo usarlas =)
Excelente explicación, solo si puedes evitar decir tanto vale porque si distrae😅
XD lo he corregido en videos más recientes, pero igual lo tengo presente, muchas gracias por el feedback =)
hermano se que tu explicación es buena por el feedback que veo, pero llevo viendo varios videos y logro entender para que sirven, pero en el momento de la practica siento que las uso mal. Apenas llevo 2 días aprendiendo de desarrollo web y no se si seguir avanzando más adelante lo lograre comprender mejor, porque me estoy quedando aqui.
¡Hola! Un par de cosas, si no estás seguro si las estás usando bien, mírate el vídeo de cómo validar tus documentos HTML, ahí muestro una web y extensión para validar la estructura y uso de las etiquetas.
Otra cosa, me comentas que llevas dos días, calma, es normal que tengas dudas, pero ten paciencia porque no es algo que se domine en un par de semanas o un mes, la práctica y el aprendizaje debe ser constante para siempre ir mejorando, ánimo.
¡Un saludo y que tengas buen código!
@@programacion-es si he validado el código y no me sale ningún error, creo era la idea que tenía yo de estarías usando mal. Igualmente muchas gracias por apoyar a los que recién están empezando 🙌
en lo personal me gustaria que le dieras al F5 tras cada expilcacion para entender un poco mejor como funcionan
En este caso la diferencia entre los 3 contenedores es más semántica que visual, por eso me centré en la diferencia de uso más que en resultado visual dado que este no varía, pero lo tendré en cuenta para próximos ejercicios, muchas gracias por comentar
Un saludo y que tengas buen código!
En conclusion, estas etiquetas tienen distinta utilidad y su unica diferencia es el nombre, podria usar un div para lo mismo que un section o un article, simplemente no se hace porque es mas ordenado hacerlo con las etiquetas recomendadas para hacrlo, pero el resultado no cambia?
Si y no, en efecto, las tres actúan como contenedores, divs en versiones anteriores, sin embargo, su uso sí que tiene peso semántico para temas de accesibilidad, SEO y estructura del contenido, a nivel funcional, por llamarlo de alguna manera, son contenedores, a nivel semántico, cada uno tiene su uso y su contexto para mejorar la legibilidad de la web en base a su estructura =)
GG ME MAREE XD
xD
Ya he visto 3 videos de diferente autor donde tienen una ligera obsesión con la palabra "vale"
xD en los últimos vídeos de hace un tiempo para acá he tratado de controlarlo un poco más asjdhasjdhaksjdhasd
Muy buena explicacion pero el video pudo haber durado la mitad si solo hubieras dicho cuanto mucho tres veces "vale". Lo repites exageradamente y pierdes oratoria.
Mil gracias por el feedback, en efecto, me he dado cuenta de esto y lo he tratado de corregir en los vídeos más recientes =) Un saludo!