Las tablas han tenido una mala reputación en el diseño web. Hace muchos años, las tablas HTML se usaban para el diseño, que obviamente no era para lo que estaban destinadas. A medida que CSS aumentó el uso popular para los diseños de sitios web, la idea de que las tablas & amp; quot; son malas & amp; quot; se apoderó. Desafortunadamente, muchas personas entendieron mal esto para significar que las tablas HTML son malas todo el tiempo. Ese no es el caso en absoluto. La realidad es que las tablas HTML son malas cuando se usan para algo diferente a su verdadero propósito, que es mostrar datos tabulares (hojas de cálculo, calendarios, etc.).& amp; amp; nbsp; si está creando un sitio web y tiene una página con este tipo de datos tabulares, no debe dudar en usar una tabla HTML en su página.
Qué hacer y qué hacer?
The & amp; amp; nbsp; tag, o & amp; quot; table data & amp; quot; etiqueta, crea celdas de tabla dentro de una fila de tabla en una tabla HTML. Esta es la etiqueta HTML que contiene texto e imágenes. Básicamente, esta es la etiqueta del caballo de batalla de su mesa. Las etiquetas contendrán el contenido de la tabla HTML.
Video destacado
The & amp; amp; nbsp; tag, o & amp; quot; encabezado de la tabla, & amp; quot; es similar a & amp; amp; nbsp; de muchas maneras. It & amp; amp; nbsp; puede contener el mismo tipo de información (aunque no pondría una imagen en a), pero define esa celda específica como un encabezado de tabla.
La mayoría de los navegadores web cambian el peso de fuente a negrita y centran el contenido en una celda. Por supuesto, puede usar estilos CSS para hacer que esos encabezados de tabla, así como el contenido de sus etiquetas, se vean de cualquier manera que desee que se vean en la página web renderizada.
¿Cuándo deberías usar más que? ?
La etiqueta debe usarse cuando desee designar el contenido en la celda como encabezado para esa columna o fila. Las celdas del encabezado de la tabla generalmente se encuentran en la parte superior de la tabla o a lo largo del lado & amp; # x2014; básicamente, los encabezados en la parte superior de las columnas o los encabezados a la izquierda o al comienzo de una fila. Estos encabezados se utilizan para definir cuál es el contenido debajo o al lado de ellos, lo que hace que la tabla y su contenido sean mucho más fáciles de revisar y procesar rápidamente.
No use & amp; amp; nbsp; para diseñar sus celdas. Debido a que los navegadores tienden a mostrar las celdas del encabezado de la tabla de manera diferente, algunos diseñadores web perezosos pueden tratar de aprovechar esto y usar la etiqueta cuando desean que el contenido sea audaz y centrado. Esto es malo por varias razones:
- Puede confiar en los navegadores web que siempre muestran el contenido de esa manera. Los navegadores futuros pueden cambiar el color de manera predeterminada o no realizar cambios visuales en absoluto en & amp; amp; nbsp; contenido. Nunca debe confiar únicamente en los estilos de navegador predeterminados y nunca debe usar un elemento HTML debido a cómo & amp; quot; looks & amp; quot; por defecto.
- Es semánticamente incorrecto. Los agentes de usuario que leen el texto pueden agregar formato audible como & amp; quot; row header: your text & amp; quot; para indicar que es & amp; apos; s en una celda. Además, algunas aplicaciones web imprimen los encabezados de la tabla en la parte superior de cada página, lo que daría lugar a problemas si la celda no es realmente un encabezado, sino que se usa solo por razones estilísticas. En pocas palabras & amp; # x2014; El uso de etiquetas de esta manera puede causar problemas de accesibilidad para muchos usuarios, especialmente aquellos que usan dispositivos asistidos para acceder al contenido de su sitio.
- Debe usar CSS para definir cómo se ven las celdas. La separación de estilo (CSS) y estructura (HTML) ha sido una mejor práctica en diseño web durante muchos años. Una vez más, use a porque el contenido de esa celda es un encabezado, no porque le guste la forma en que es probable que el navegador renderice ese contenido de forma predeterminada.
& amp; # x203A; Informática
