Si entras al sitio web de Netflix por ejemplo y empiezas a inspeccionar el código lo hace inspeccionar
por ejemplo inspecciones esta parte de arriba puedes ver que viene aquí un dip una etiqueta que se conoce
como dip y tiene aquí una clase.
No hemos visto clases pero lo veremos enseguida un poco más adelante.
Ver que existen diferentes dips es decir cada sección en tu sitio web.
Por ejemplo este de aquí es un background.
Aquí abajo tenemos otro elemento que agrupa seamos un poco más de scroll hacia abajo vamos a encontrar
que tienen un fuhrer puedes ver qué se utilizan pero esto te estaré mostrando otras etiquetas aquí tienen
más etiquetas.
Estas etiquetas dips también por ejemplo si abrimos el sitio web de Uber que inspecciona esta parte
puede ser que también tenemos dips aquí tienen un Getter para la parte superior tienen Main para el
contenido principal un furores está un poco mejor más estructuraba estas etiquetas nos permiten separar
un poco el contenido y nos permiten estructurar nuestro sitio web es decir tenemos un sitio web.
Actualmente tenemos que separar el contenido es decir qué define lo que se deja ver qué define qué es
navegación qué define qué es el contenido principal qué define qué es el Führer y eso se reconoce también
en parte como HTML Semántico es decir seguir los estándares para escribir código HTML.
Vamos a empezar desde arriba vamos a abrir el proyecto aquí voy a colapsarse más fácil de ver todo lo
que viene siendo el GD.
Si vemos nuestro diseño viene siendo el logotipo la navegación y el nombre del sitio web al ser la parte
superior del sitio web debe de estar en una etiqueta llamada Gelber.
Por lo tanto aquí voy a poner Jaider y cerramos lo que viene siendo orgia del cierre de aquí hasta acá.
Entonces puedes ver que va a estar agrupado este contenido lo que viene siendo el logotipo lo que viene
siendo esta navegación y lo que viene siendo el nombre del sitio web están agrupados todos pero aquí
puedes agrupar también porque puedes ver que tenemos una navegación la navegación usualmente se coloca
en un elemento llamado NAP entonces puedes cortar aquí y pegarlo De esta forma.
Entonces puedes ver cómo tenemos un jede y dentro tenemos una navegación y esta navegación llega Lea
HTML llega aquí dice.
Esto es una etiqueta NAP aquí va a haber una navegación y detecta estos enlaces y sabe que es una navegación
llega al Gelder sabe que este es el GD del sitio web y que va a encontrar la información del encabezado
del sitio web en esta parte continuando un poco más lo que viene siendo esta parte que dice sobre nosotros
puedes ver que si vemos el diseño esta parte de aquí parece ser también un contenido agrupado es contenido
que está relacionado es contenido que se complementa por lo tanto esta parte de aquí también debe estar
agrupada.
Existe un elemento que se llama section y que podemos utilizar aquí ahora tal vez dices Bueno pero cómo
vas a identificar dónde vas a utilizar cada uno.
GB lo vas a utilizar siempre que tengas un encabezado Nap que lo vas a utilizar cuando tengas una navegación
como en este caso y puedes ver que tengo un section section lo vas a utilizar cuando se cumpla la siguiente
condición que el primer hijo sea un encabezado y en este caso puedes ver que es un HD2 puede ser un
H1 o puede ser un H2 un H3 H5.
Entonces si el primer hijo es un joven tiene que tener un sección pero muy importante tiene que ser
algo diferente un cambio de sección a lo que ya estaba es decir este es un Jer llego a esta parte esta
parte es diferente al Gelber Sí sí lo es.
Por lo tanto tengo un jardín también debe de tener un sections.