Por cierto, hoy he puesto un nuevo post en Instagram, por si no ves en Instagram,
por las cosas que te pierdes, sobre cinco cosas que no debes hacer en HTML.
Una, usar etiquetas de estilo, que esto lo veo mucho todavía.
Gente que utiliza font, bueno, font no tanto, pero el I y el B sí.
¿Sabéis qué pasa? Que estas etiquetas, antiguamente en HTML, os voy a contar una historia.
Antiguamente en HTML había muchas etiquetas que también servían para estilar el contenido.
Por ejemplo, estaba la etiqueta center, estaba la etiqueta font, estaba la etiqueta I, la B.
O sea, tenías un montón. Estaba incluso la de marquee, esa que hacía el efecto tal.
Pero eso, digamos que está súper deprecated porque el HTML se tiene que quedar solo con la semántica.
Las etiquetas que utilices tienen que ser totalmente para darle semántica a tu documento.
Así que no utilices etiquetas que sean justamente para estilar, que sean etiquetas de estilo,
como la de center y todo esto. Ya no tienen sentido, así que deja de utilizarlas.
Mira, Doz me pone aquí, pues, like.
Dos, usa las etiquetas correctas. Esto también lo veo mucho. A ver, esto es una lista de toda la vida.
Pues nada, pues una lista desordenada y le pones el link y tal.
Es que ya ves muchos breaks. Cuando ves muchos breaks juntos, dices, uy, esto pinta mal.
Si tenéis que utilizar una lista, pues hacéis una lista.
Al final HTML tiene una colección enorme de etiquetas.
Le echáis un vistazo porque seguro que podéis aprender alguna nueva y, hombre, pues le dais semántica a las cosas.
Luego con CSS, pues le dais el estilo deseado.
¿Qué quieres que tenga la separación? Pues le dais la separación. Cosas así.
Tres, evita la dividitis, ¿vale?
Esto es una enfermedad de la inflamación de las etiquetas DIF que pueden ocurrir en tu página web.
Básicamente lo que quiero decir es que si estás utilizando todo el rato DIF, DIF, DIF, DIF, DIF,
pues tienes dividitis, ¿vale? Que lo sepas.
La dividitis se cura muy fácil y sin necesidad de ir al médico, a la farmacia, ni siquiera de rezar nada.
No tienes que hacer nada. Tampoco te instala el 5G en el caso de que lo arregles.
El tema es, pues, separar tu layout con otras etiquetas como article, como aside, section, header y footer.
Fíjate en este ejemplo de car, car, car, car, car. Mira cómo queda esta.
Article, picture, header, footer, tal.
Hay un error muy común sobre el header y el footer que la gente cree que el header y el footer solo puede haber uno en la página,
pero no es así, ¿vale? El header y el footer pueden tener sentido dentro de secciones de tu página web.
Por ejemplo, dentro de un artículo puede tener su propio header o dentro de un menú puedes tener un header dentro del layout, obviamente.
O sea, que el header y el footer no son solo de que se puedan utilizar una vez, ¿vale?
Que es súper importante esto para que lo tengas en cuenta.
Cuatro, añadir estilos en línea. Esto que no tiene nada que ver con Tailwind, ¿vale?
Esto no tiene nada que ver con Tailwind porque Tailwind quizás o no son clases.
Otra cosa es que os guste más o menos.
Pero poner estilos en línea, esto, nada, ¿eh? Nada. Sobre todo cuando se están repitiendo constantemente.
Esto al final hace muy difícil de entender el HTML, muy difícil de mantenerlo, de escalarlo.
O sea, solo todo esto solo trae problemas. Así que nada de hacer esto.
Y cinco, usar dot types obsoletos. Esto es un problema porque mucha gente lo hace.
De hecho, este lo he puesto porque en algunos tu web a juicio lo hemos visto.
Donde la gente utiliza estos dot types, ¿vale?
Súper antiguos, que si transitional, mira, 4.01 con el modo loose.
El modo loose no es de loser, ¿vale? Es de holgado, de ir así como sueltecillo.
Y lo que quiere decir es justamente que algunos errores de semántica no los va a tener en cuenta.
Nada, ni caso. Utilízate este, que además es que uno se acuerda súper fácil.
Es fácil de recordarlo, fácil de escribirlo.
Y este es el de HTML5. Este es el que tienes que utilizar.
Si utilizáis XHTML, si utilizáis HTML4.0, lo que sea, fuera.
Este es el que tienes que utilizar, ¿ok?
Esto antes se utilizaba más por compatibilidad y cosas así.
Pero ya no tiene sentido.
Bueno, le he dado un repaso así de gratis al post de Instagram.
Espero que no os importe.
Y si no, pues seguidme, hombre, en Instagram.
Que de vez en cuando pongo cosas súper interesantes.
Dicho esto, vámonos con tu web a juicio.
Mira, aquí estamos.
7.830.
Gracias.
Gracias.
Gracias.
Gracias.
Gracias.