Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.
elementos semánticos = elementos con significado
Un elemento semántico describe claramente lo que significa tanto para el navegador como para el desarrollador.
Ejemplos de elementos no semánticos:
<div> o <span>
Ejemplos de elementos semánticos:
<form> <table> <article>
Muchas webs contienen código como: <div id=”nav”> <div id=”header”> <div id=”footer”> para indicar navegación, el encabezado, y el pie de página.
En HTML tenemos etiquetas para indicar todas estas cosas y muchas más:
El elemento <section> define una sección del documento. Normalmente lleva un <h1>.
El elemento <article> define el contenido de un artículo, independiente por sí mismo. Un artículo por sí sólo ha de tener sentido. Debería de poderse leer y entenderlo sin leer el resto de la web.
Ejemplos:
Un <article> específica contenido completo en sí mismo.
Una <section> define una sección del documento.
En internet encontrarás páginas con <section> con <article> dentro, y <article> con <section> dentro.
Ejemplo: en un periódico, un artículo de deporte estará dentro de la sección de deportes, pero es posible que dentro de cada artículo haya diferentes secciones.
El <header> especifica el encabezado del documento o de una sección. Debería contener contenido introductorio, y puede contener muchos elementos dentro.
El <footer> define el pie de página de un documento o de una sección.
Se suele usar para información de contacto, copyright, enlaces a términos de uso, etc.
El <nav> define un grupo de enlaces de navegación. Sólo para enlaces de navegación, no cualquier enlace.
El <aside> define contenido a un lado, como una barra lateral. El contenido suele estar relacionado con el contenido principal.
Una imagen con su título se pueden agrupar dentro de <figure>. Poniendo el título en la etiqueta <figcaption>.
Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.