Truco HTML
Como nuestro formador Iván Pérez Murias nos recuerda en su curso HTML Básico, el uso de las tablas al crear un sitio web debe quedar limitado a la presentación de datos tabulados, y no a la maquetación de páginas. Sobre este tema, Iván nos ha enviado un truco, que pasamos a mostraros a continuación:
El uso de tablas para dar ubicación en la página a gráficos y textos es una práctica que resultará innecesaria una vez que las propiedades de los estilos en cascada sean admitidas por todos los navegadores.
Si se utiliza una tabla para maquetar, debe evitarse el uso de elementos estructurales de esa tabla para dar formato al texto. Por ejemplo, los encabezados de tabla, que se identifican con la marca <th>, deben utilizarse para identificar un encabezado, no para poner el texto en negritas.
Encabezado 1
Encabezado 2
Mal:
esta es una celda de datos pero está marcada como encabezado (<th>) para poner el texto en negritas.Bien:
esta es otra celda de datos con texto en negritas, pero correctamente marcada (<td>) .
Este es el código del ejemplo:
<table>
<tr>
<th>Encabezado 1</th>
<th>Encabezado 2</th>
</tr>
<tr>
<th>Mal: esta es una celda de datos
pero está marcada como encabezado (<th>)
para poner el texto en negritas.</th>
<td><div style=”font-weight:bold”>Bien:
esta es otra celda de datos con texto en
negritas, pero correctamente marcada (<td>).
</div></td>
</tr>
</table>
Related posts
Tags: css, HTML, programación, trucos