Migrando de HTML4 a HTML5

Hola,
Como siempre, muy interesante la web https://www.w3schools.com para todo lo que supone la formación en las tecnologías web base: HTML, CSS y Javascript.
En este caso, este pequeño artículo que marca unas pequeñas bases a tener en cuenta de cara a migrar una web implementada en HTML4 a HTML5.
https://www.w3schools.com/html/html5_migration.asp
Gracias.
Un abrazo.
Miguel.

fieldset y legend

Fieldset y Legend son dos tags de HTML que aparecieron en la versión 4.01, y que al igual que colgroup y col no son precisamente los más conocidos.
Su uso es muy sencillo y se puede describir con el siguiente ejemplo
<fieldset>
<legend>Esto es la cabecera</legend>
<span>Este es el contenido del fieldset</span>
</fieldset>
El cual se visualiza de la siguiente manera

Esto es la cabecera

Este es el contenido del fieldset

El efecto es llamativo y es sencillí­simo de implementar, ¿por qué no aprovecharlo?
Saludos.
Miguel.

Reutilización y Mantenibilidad en HTML

Nos cansamos de hablar de la mantenibilidad del código, de paquetizar, de reutilizar, de estándares de nomenclatura, de estilos definidos de programación, de separar entre el Modelo la Vista y el Controlador, de separar las aplicaciones en capas…
Pero no hay manera de que se nos meta en la cabeza que a la hora de maquetar una aplicación web tí­pica, en la que existen millones de formularios de entrada (formularios que en una aplicación de escritorio se llevan a cabo arrastrando, soltando y colocando con el ratón elementos en el formulario), se haga siguiendo también un patrón, se aplique la reutilización y se defina una estructura que esté preparada para el cambio en caso de necesitar modificar el diseño por cambios en los requerimientos.
¿Consecuencias? Cada jsp, asp, aspx, php o html son de su padre y de su madre. Algunos resuelven problemas por javascript, otros con posts, otros con request, unos maquetan con tablas, otros con capas, otros <br> y &nbsp… Otros usando class, otros con style a pelo o asignando valores a las propiedades de los controles HTML.
¿Y con el tiempo que supone hacer todo eso… por qué no somos capaces de metérnos en la cabeza de la necesidad imperiosa de definir también una forma de trabajar con HTML?
Un saludo.
Miguel.

Etiquetas HTML colgroup y col

Dos etiquetas HTML que pasan bastante desapercibidas son <colgroup> y <col>.
La verdad es que es una pena porque son bastante íºtiles para trabajar con tablas.
Ilustro su uso con un ejemplo.
<table>
<colgroup span=”4″>
<col style=”width:100px”/>
<col style= “color:red”/>
<col style= “width:30px;”/>
<col style=”background-color:blue; font-weight:bold”/>
</colgroup>
<tr>
    <td>Hola</td>
    <td>qué</td>
    <td>tal</td>
    <td>estás</td>
</tr>
<tr>
    <td>Pues</td>
    <td>bastante</td>
    <td>bien</td>
    <td>sabes</td>
</tr>
</table>
Mira tíº por donde estamos definiendo las propiedades de las columnas de la tabla sin necesidad de marcarlas por cada una de sus filas.