EM
Esteban Martinez

@estebanmartinez98174

profe usted dice que hay que hacer uso de las etiquetas de sección, pero yo he ingresado a diferentes páginas web y es muy raro ver las etiquetas <article>, <section> y la <aside> y en vez de eso le ponen a todo la etiqueta <div>, pero la <header> y la <footer> si se ven un mucho más. Pero el punto es que estoy confundido, porque no se si colocar solo <div> o usar las etiquetas de sección. O tal vez esas personas no saben o no quieren hacer uso de las nuevas etiquetas que estableció la W3C. Gracias

Avatar
Juan Carlos Cruz de los santos

@jccruz

Hola Esteban, lo importante es que tengas un marcado HTML semántico. Tal vez esas paginas que dices fueron creadas hace un tiempo y no han actualizado el marcado. En la página de EDteam puedes ver esas etiquetas de section, aside y más por que el sitio fue estructurado correctamente.

La etiqueta <div> no significa nada en HTML. Es usada para divisiones (Layout) y a la cual le aplicamos estilos CSS o trabajamos con Javascript. Debes agrupar el contenido de tu página en la etiqueta correspondiente, sea aside, section, p, ul, etc.

EM
Esteban Martinez

@estebanmartinez98174

Profe Juan entonces puedo meter las etiquetas <article>, <section> y las otras que existen dentro de la etiqueta <div> para así poder trabajar mas como en CSS y JavaScript?.

Avatar
Juan Carlos Cruz de los santos

@jccruz

Si puedes meterlas dentro. Si quieres un ejemplo vivo para ver, inspecciona la web de EDteam y asi ves como fue hecho el marcado.

HG
Hernán Giraldo

@hernangiraldo

Complementando la respuesta del profesor, recuerda que es posible que para el usuario de tu página web no represente ninguna diferencia, pero recuerda que como desarrolladores nos la pasamos gran parte del tiempo leyendo código y además vamos a trabajar en equipos y tus compañeros (y tu yo del futuro) agradecerán que uses código semántico, es decir, que cuando vean un bloque de código tenga una idea de qué es exactamente lo que está haciendo y que representará en la página web.

Avatar
Marlon Velásquez

@sargentogato

Hay una expresión muy utilizada en SEO de contenidos "El contenido es el Rey" como bien te han dicho antes, las nuevas (no tanto nuevas) etiquetas le dan un plus a tu web ya que el marcado es muy importante porque le indica a los robots que indexan tu web(google y otros) que uno, tu web sigue las pautas semánticas estándar y segundo porque da información sobre los elementos que hay dentro de la web.

Te paso la siguiente tabla que te muestra las etiquetas de HTML

EM
Esteban Martinez

@estebanmartinez98174

Gracias profe Marlon por tu respuesta y también por la tabla de etiquetas de HTML.

Avatar
Vicky Ferrer

@vickyferrer

Hola, estoy trabajando como Visual Studio Code, al colocar este marcado para agregar logo, me aparece subrayado como si no existiera en mi carpeta de img, las imágenes de los logos, entonces no se como hacer que lea esas imágenes, lo mismo me sucede con el favicon. sale subrayado. Mi carpeta se llama Mi primer proyecto una subcarpeta de IMG ( Donde están los logos y favicon) y el archivo índex.htlm

<link rel="shortcut icon" href=" Favicon.png " <header><imag src=¨logo-horizontal-png.png¨alt=¨¨></imag></header>
JR
José Rodríguez

@joseluisrodriguezmantilla

Cual es la estructura de carpetas de tu proyecto?

Recuerda iniciar sesión para participar en la comunidad.