Algunos trucos y briconsejos de HTML

HTML Tips - Marko Denic - Web Developer


Por @Alvy — 6 de Mayo de 2021

Algunos conocidos y otros no tanto, en HTML Tips Marko Denic explica unos trucos de HTML bastante interesantes. Y es que sucede que a menos que estés continuamente poniéndote al día sobre las incorporaciones al llamado lenguaje de la Web puede haber muchas novedades que te pierdas de una versión a otra, sobre todo si aprendiste HTML hace tiempo.

Entre las más recientes, interesantes y efectivas para mi gusto (este es un claro caso de YMMV) está el atributo loading="lazy", que se puede usar en imágenes y frames para acelerar la carga de imágenes, descargándolas sólo cuando están «a la vista» e ignorándolas si quedan por debajo de la zona visualizada de la página. (En Microsiervos lo usamos hace año y medio, y vaya si se nota en la velocidad). También está <meter> para mostrar «contadores» en forma de barras de progreso y otro muy práctico, el start en las listas ordenadas (ol) para empezar en un valor determinado. Recordatorio: <ol reversed> ordena la lista al revés.

HTML Tips - Marko Denic - Web Developer

Otros no menos interesantes son el fieldset para agrupar campos en los formularios, la «Búsqueda nativa HTML» a modo de búsqueda rápida de valores conocidos en los campos de texto, o el atributo spellcheck para activar o desactivar el corrector de textos al escribir en los campos. Otros que he descubierto son <input type="range"> para campos con un deslizador y details para crear un «acordeón», una buena solución nativa por ejemplo para ampliar información u ocultar la respuesta a un problema/acertijo.

Me ha hecho gracia ver también uno de los trucos más viejos de la chistera de los HTMLeros, lo de usar en la URL parámetros falsos añadidos como ?v=2 (yo soy más de ?foo, ?bar o incluso ?42) para descachear imágenes y favicons que se queden almacenados en la caché y no se actualicen ni con reload. Usar Mayúsculas+F5 (Mayúsculas+Cargar página de nuevo) en el navegador web –también conocido como SuperReload– también funciona, pero no todo el mundo se lo sabe. ¡Ah! Y también sirve al subir contenidos a redes sociales, como Facebook o Telegram para forzar la actualización de los títulos/tarjetas que extraen de las páginas y pueden haberse quedado cacheados en sus servidores.

Si trabajas con clientes haciendo páginas web enséñales el truco del SuperReload antes de entrar en una espiral de locura porque no puedan ver los cambios que estás haciendo de una versión a otra.

En total la lista son 15 consejos, y Marko promete más, así que estaremos atento. ¡Siempre se aprende algo nuevo!

Relacionado:

Lo más vendido de Tecnología

Bestseller No. 1
JBL Quantum DUO Altavoz para gamers con tecnología Dolby Digital para una profundidad de sonido y luces LED con efectos de iluminación, diseño llamativo, color negro
  • Altavoz JBL Quantum DUO para que disfrutes de una buena tecnología de sonido. Combina el sonido envolvente JBL con Dolby Digital para que profundices en la acción con tus juegos de PC
  • Métete de lleno en todas tus aventuras digitales gracias a los efectos de iluminación que complementan la plataforma de juego: elige entre una gran variedad de colores y patrones de iluminación
  • Plug-and-play: controla con los botones intuitivos el volumen y la iluminación sin esfuerzo y ninguna configuración para mejorar tu experiencia. Te permitirá estar de lleno en el juego
  • Compatible con cualquier sistema de juego: conecta los altavoces JBL Quantum Duo PC sin problema a cualquier sistema a través de Audio-in y USB, ya sea en PC, Mac, Windows o con consolas de juegos.
  • Contenido de envío: 1x Altavoces JBL Quantum DUO para una inmersión profunda al mundo de tus videojuegos, cable de audio de 1.5m, cable USB de 1.5m, cable de carga de 1.5m, guía ,color negro
Bestseller No. 2
SWEYE Cargador Solar 26800mAh,【Cable de Datos/Luz Solar, Carga 2 en 1】 Batería Externa Solar de Carga Rápida con 2 Puertos USB Power Bank Portátil con Estilo para Smartphones, Tabletas
  • 『Cargador Solar con Energía Verde』:La cargador solar portátil tiene paneles solares ecológicos, que pueden absorber la luz y convertirla en electricidad, lo cual es muy adecuado para situaciones de emergencia. Es ideal para escalada, camping y viajes al aire libre.
  • 『26800mAh de Gran Capacidad』: Esta batería externa no solo se puede cargar, sino que también tiene la función de carga solar, lo que le brinda un doble seguro sin preocuparse de que el equipo se quede sin energía. La batería incorporada de 26800 mAh es suficiente para cargar iPhone XS 6-8 veces, Samsung Galaxy S9 5-8 veces y iPad Pro 2 veces.
  • 『Último Diseño Para 2020』: La fuente de powerbank solar que utiliza una batería de polímero de litio de alta calidad ha pasado la prueba del 100% y la prueba de envejecimiento continuo, con una mayor calidad, más segura, más confiable, potente y larga vida.
  • 『2 Puertos USB&Multifuncional』: Bateria externa movil solar con salida de 5V / 2.1A y 5V / 1A, puede cargar dos dispositivos al mismo tiempo, ahorrando tiempo y mejorando la eficiencia. Y mientras el cable de datos apropiado esté equipado, puede ser compatible con todos los dispositivos.
  • 『36 Meses de Servicio Post-vemta&24 Horas Postventa Profecional』: ¡Nuestras power bank solar ofrecen un reembolso de 45 días, una garantía de 36 meses y una postventa profesional de 24 horas! Si tiene alguna pregunta, no dude en contactarnos.
RebajasBestseller No. 3
Razer Nari Ultimate Auriculares Inalámbricos Tecnología HyperSense, THX Spatial Audio, Almohadillas con Gel de enfriamiento, Auriculares Gaming compatibles con PC, PS4, Switch y Dispositivos móviles
  • Tecnología HyperSense: Siente cada impacto del juego; los auriculares Razer Nari Ultimate cuentan con la tecnología Hypersense que recoge las señales de audio y utiliza las vibraciones para brindar una retroalimentación táctil
  • THX Spatial Audio: El THX Spatial Audio supera las barreras de los canales de audio envolvente 5.1 y 7.1 conocidas hasta ahora y logra reproducir un audio de posición a 360° para disfrutar de una experiencia más natural y realista y además
  • Almohadillas de gel refrigerantes: A diferencia de los auriculares convencionales, las almohadillas de gel refrigerantes reducen el calor mientras que la espuma viscoelástica de alta densidad y la piel sintética
  • Banda de sujeción autoajustable con auriculares giratorios: La banda de sujeción autoajustable con auriculares giratorios está diseñada para ofrecer un ajuste total que se adapte a tu cabeza a la optimización
  • Audio inalámbrico de 2.4 GHz: Consigue un audio para juegos sin retardos y de alta fidelidad con la tecnología inalámbrica de 2.4 GHz Un transmisor USB inalámbrico con tecnología plug-and-play que te permite disfrutar de un rango inalámbrico de hasta 12 metros sin problemas de desconexión
Bestseller No. 4
Anker Soundcore Motion Boom Altavoz Bluetooth Portátil de Exterior, con Diafragma de Titanio, Tecnología BassUp, Resistente al Agua IPX7, 24 h de Reproducción, App Soundcore, para Exterior y cámping
  • Sonido Exterior Extremo: Marca la diferencia con el altavoz de exterior Motion Boom, dale al play y experimenta un sonido estéreo increíble y sin distorsiones, incluso a volúmenes altos.
  • Titanio Puro 100% : Los transductores de Motion Boom cuentan con diafragmas de titanio para reproducir altas frecuencias de hasta 40 kHz con una nitidez claramente mayor.
  • Tecnología BassUp: Nuestra tecnología exclusiva usa un procesador de señales digital afinado internamente para analizar e intensificar las frecuencias bajas en tiempo real para que los graves sean todavía más potentes.
  • Protección IPX7 frente al Agua y Flotación: ¡No te preocupes si el altavoz de exterior Motion Boom se da un chapuzón! Es totalmente impermeable y flota en el agua.
  • 24 Horas de Reproducción: El altavoz de exterior Motion Boom proporciona hasta 24 horas de reproducción con una única carga, para que la música no pare durante los fines de semana de acampada, los días en la playa, los viajes en barco y más.
Bestseller No. 5
Tecnología Natural
  • Amazon Prime Video (Video on Demand)
  • Steve Nicholls (Director)

Fuente original