Fuente de noticias: COMSHARP
Como diseñador web a finales de 2008, ¿le da vergüenza admitir que usa Table en su código? Si es así, es una persona valiente. El diseño web es una industria extraña. Puede diseñar su sitio web para que parezca anuncios clasificados por la noche. periódico, o desbloquear anuncios en el pasillo, pero no dejes que nadie sepa que usas Table. Encontrar Table en tu código fuente es como un vendedor que se subió los pantalones y descubrió que llevaba calcetines blancos.
La tabla es muy fea y abultada Incluso si solo muestra un contenido simple, aún necesita las tres etiquetas básicas <table><tr><td>, y se agregan un montón de atributos desordenados a cada etiqueta. > es simple, ordenado y moderno. Combina perfectamente con CSS. Forman el modelo de caja más perfecto. En realidad, colocas cosas en ellas y luego las modificas libremente. un diseño, no importa, simplemente cambie la definición de CSS y nacerá un diseño completamente nuevo; a diferencia de Table, Table es como un aparador en una cantina, con filas y columnas, rústicas y grasosas, como la nuestra. padres, descuidados, llevándose todo a casa y apilándolo al azar en un rincón. Si Div es la pequeña burguesía, Table es la tercera generación. No pertenecen a esta época.
Es decir, en los últimos años, sólo de tres a cinco años como máximo, el W3C es una organización que todos consideran importante pero a todos no les gusta. Su sitio web oficial es muy feo. Me atrevo a decir que nunca había visto un sitio web tan feo en mi país. life, pero su sitio web es uno de los pocos que puede pasar todas las verificaciones de los estándares W3C, lo que significa que su sitio web es perfecto en términos de gramática, estructura y accesibilidad, aunque sigue siendo muy feo. Pero esto es una broma, el W3C es muy importante, de lo contrario Microsoft llevará a todos los ingenieros de desarrollo web a un punto sin retorno. Afortunadamente, después de la muerte de Netscape, Nirvana lanzó Firefox, y aunque Opera no recibió ningún beneficio después del nacimiento de. Firefox, al menos has recibido apoyo moral. ¿Viste que finalmente salió un hermano mayor a cuidar de ti? Después del regreso de Jobs, Apple volvió a su antigua gloria. Sólo entonces la gente supo que había un navegador llamado Safari en el mundo. Todo esto combinado hizo que el W3C fuera realmente necesario.
W3C dice que la Tabla se puede usar para acomodar texto, texto formateado, imágenes, enlaces, formularios y otras Tablas... Sin embargo, las Tablas no deben usarse únicamente como un medio para diseñar el contenido del documento), la razón es que la Tabla causará Problemas cuando la Web se representa mediante dispositivos no visuales, que son lectores de pantalla designados y navegadores braille. Además, Table obligará a los usuarios a desplazarse hacia la izquierda y hacia la derecha en dispositivos de visualización grandes. Por lo tanto, los diseñadores web deben utilizar CSS en lugar de Table. Consulte W3C HTML 4.01 para conocer la definición de Tabla. Cuando el W3C dijo esto, era el 24 de diciembre de 1999. Aunque CSS había nacido hace mucho tiempo, no mucha gente lo usaba. La Web original era como una versión en línea del documento y no se convirtió en la plataforma que es ahora. Se prestó mucha atención a las cuestiones de diseño. Con la formación de la primera burbuja de Internet, surgieron una gran cantidad de sitios web de portales. Los sitios web de portales fueron los creadores del diseño de tabla porque sus páginas de inicio eran más grandes que todas las páginas de un periódico completo juntas. Complex, Table es muy útil en este sentido. Combinando colspan y rolspan, puedes lograr casi cualquier diseño complejo.
Este estilo de diseño todavía era muy popular a principios de la década de 2000 y mediados de la década de 2000, especialmente en China. Bajo la mente subconsciente de Da Weimei, la gente amontonaba todo lo que podía amontonarse en una página en la página de inicio, era como un ama de llaves. en la vieja era, aunque no todo se puede arreglar de manera ordenada, al menos se arregla en el mismo orden. Sin embargo, este tipo de Web finalmente ha llegado al punto en que la gente está disgustada. Con la aparición de las búsquedas, las suscripciones RSS y la Web personalizada representada por los blogs, la gente tiene más canales para obtener información sin tener que visitar esos pocos sitios web que son casi necesarios. En la página de inicio del portal desmayado, apareció un estilo web fresco y liviano, con un diseño más simple, colores más brillantes, íconos grandes, pancartas grandes y fuentes grandes más fáciles de leer. , CSS ya era muy maduro y navegadores como Firefox, Opera y Safari eran mucho mejores que IE en el cumplimiento de los estándares del W3C. La gente finalmente se dio cuenta del poder de CSS. Debido a que el núcleo de CSS es un modelo Box en términos de diseño, las personas deben encontrar un objeto contenedor al que CSS pueda adjuntar.
Div es el afortunado porque, naturalmente, es el mejor prototipo de Box. Semánticamente, Div representa un área de la página. En apariencia, es más importante que <P> o <a>. dada una semántica especial de antemano (aunque también se pueden usar en el modelo Box, por otro lado, debido al odio de la gente hacia la Mesa que gobierna una era inflada, al final de una era, los sucesores trabajarán duro para borrar los antiguos); Las huellas de los tiempos, el destino de aquellos símbolos o representantes de la época antigua son en su mayoría así. La gente no simplemente los olvida, sino que traza una línea clara entre ellos.
Aquí es donde comienza todo el trato injusto hacia Table. ¿Por qué es injusto? Cuando el W3C no recomienda el diseño de tabla, solo dice que se debe usar CSS en su lugar. ¿Qué significa esto? ¿La tabla no es compatible con CSS? Por supuesto, es compatible, y debido a que Table es un objeto HTML antiguo y su estado ha sido tan importante, cualquier navegador proporciona el soporte más perfecto para Table, incluido el soporte CSS. Cuando las personas adoptan Div, parecen olvidar que Table también es una Caja, y es una Caja con múltiples celdas internas. La Tabla en su conjunto no tiene diferencia con Div en términos de modelo de Caja y sus celdas internas, excepto el Margen. Sigue siendo una Caja y la caja interior no contiene el concepto de Margen, que debe entenderse. No hace falta decir que Div es excelente. Sin embargo, cuando la gente dice Div + CSS, parece implicar que Table no puede usar CSS. Este es un gran malentendido.
Todas las propiedades CSS admitidas por Div son compatibles con Table. De hecho, antes de que Div se hiciera popular, los primeros usuarios de Div dijeron una vez con poca confianza que si Table podía hacerlo, Div podía hacerlo, y también pagaron por sus palabras. Con el precio, las personas que intentan lograr un centrado vertical en Divs entenderán lo que quiero decir, y las personas que intentan lograr un diseño 100% Div en IE6 sin CSS Hack entenderán aún mejor lo que quiero decir. 100% Problema de altura, problema de adaptación de ancho entre varios Divs. Creo que cualquiera que esté involucrado en el diseño de Div + CSS lo encontrará. La ventaja de Table en este sentido no es por lo excelente que es, sino porque es antiguo y ningún navegador se atreve a ignorarlo. También se debe a sus características originales. La gente inventó las tablas porque quiere que los datos se muestren de forma ordenada. Es tan simple como eso. Sin embargo, ¿por qué Table ganó luego tanta notoriedad? Los defensores de la Div acusan a Table de nada más que lo siguiente.
El código está inflado: debe escribir al menos tres etiquetas <table><tr><td> antes de poder comenzar con el contenido real. Además, las diversas etiquetas de Table también contienen definiciones de atributos complejas, mientras que Div solo necesita <div. >una etiqueta.
Problemas de rendimiento de renderizado de páginas: el navegador necesita leer completamente toda la tabla antes de comenzar a renderizar.
Malo para el SEO: a los motores de búsqueda les gusta que el contenido esté separado del pulido.
Mala accesibilidad: el software de lectura de pantalla y los navegadores braille no pueden comprender bien el contenido de la tabla.
No es lo suficientemente semántica: necesitamos una Web semántica.
Artículo 1: El código está inflado.
En primer lugar, los únicos atributos de la tabla que no se pueden definir con CSS son Cellspacing y Cellpadding. Todos los demás atributos pueden y deben usar CSS. <td> y <div>, creo que para una página web que fácilmente tiene un tamaño de decenas de K, incluso si se usan docenas de tablas, el código adicional se puede ignorar. Aquellos que se quejan del código de la tabla inflado deberían verificarlo. sus hábitos de codificación. Una persona que puede escribir una tabla muy abultada puede no ser tan concisa como escribir una div.
Artículo 2: Problemas de rendimiento de representación de páginas.
Utilizo una computadora portátil 2004 con CPU de 1,6 G y memoria de 1 G. En esta configuración, no veo ninguna diferencia de velocidad entre el diseño de tabla y el diseño Div en la representación de páginas. Si hay una ligera diferencia, se puede ignorar el retraso relativo a la propia red.
Artículo 3: No favorece la optimización de motores de búsqueda.
Si usa CSS en lugar de atributos de tabla tanto como sea posible, como se mencionó anteriormente, la diferencia entre el código generado y Div no será muy grande. etiqueta? No he encontrado la base para esta afirmación hasta ahora.
Artículo 4: Mala accesibilidad
Este es un defecto inherente de Table, pero la mayoría de los fanáticos de Div + CSS no parecen rechazar Table por este motivo.
Artículo 5: Semántica insuficiente.
El significado de la Web Semántica es mucho más profundo. No solo está enredado en Tabla y Div. Incluso el W3C no estipula que la Tabla solo se pueda usar para mostrar datos tabulares. de Table. Gente, también podrían esperar a HTML 5, esa es la semántica real.
El propósito de este artículo no es obligarlo a abandonar Div y unirse a Table. Por el contrario, si Div puede satisfacer sus necesidades de diseño, Div sigue siendo la primera opción, pero no es necesario evitar Table; otro extremo. Muchos diseños que no se pueden lograr fácilmente con Div aún se pueden lograr con Table. Por supuesto, no importa lo que se use, se debe usar CSS para separar el contenido y la decoración. Div + CSS y Table + CSS son diseños legales, use el que sea más simple. Según mi experiencia, cuando puedes predecir el formato de tu contenido y tener control total sobre el formato de visualización del contenido que estás a punto de agregar, debes usar Div + CSS cuando el contenido que estás a punto de agregar no es fijo y; no puedes predecirlo. Por su formato, si no quieres que la página colapse, usar Table + CSS es un enfoque seguro.
Fuente de este artículo: COMSHARP CMS Autor: 35 kilómetros