Porqué tu sitio se debe desarrollar con el CSS y el margen de beneficio semántico
| by James Kendall | September 05, 2005
Una cosa que he aprendido adentro sobre Web site que se convertían de una década es que la 'red está cambiando continuamente, y continuarte necesita cambiar con ella. Uno de los progresos más recientes en diseño de la tela es el uso del CSS y del margen de beneficio semántico. El CSS y el diseño semántico de la tela tiene varias ventajas: la claridad en código, browser y otro tela-permitió compatibilidad de los dispositivos, el seperation del contenido y de la presentación, una carga más pequeña en bandwith, y una visibilidad mejor a los motores de búsqueda.
Detrás en el día, diseñamos sitios con las tablas y cortamos esas tablas en hacer las cosas que nunca fueron significados para hacer. La etiqueta de la tabla fue diseñada para exhibir datos tabulares, no como manera de rendir la disposición de un Web site. Desafortunadamente, un alternativa mejor no existió, así que utilizamos las tablas. Esto hizo para los sitios ineficaces, lentos del cargamento con el código que era muy duro de leer y de mantener. define margen de beneficio sematic como esto:
Las páginas de Sematic “proveen la información para los motores de búsqueda del Web usando las correas eslabonadas de tela. Ésta podría ser información legible por la máquina sobre el contenido human-readable del documento (tal como el creador, el título, la descripción, el etc., del documento) o podría ser puramente meta datos que representaban un sistema de hechos (tales como recursos y servicios a otra parte en el sitio). (La nota que cualquier cosa que se puede identificar con un identificador uniforme del recurso (URI) puede ser descrita, así que la tela semántica pueden razonar sobre la gente, los lugares, las ideas, los gatos el etc.)”
Actualmente, los diseñadores de la cadera y los reveladores utilizan el CSS extensivamente para crear hermoso, completamente sitios obedientes de los estándares. la disposición CSS-basada permite que desarrollemos los sitios que degradarán con eficacia--ése es que serán viewable en todos los tipos de dispositivos tales como PDA, célula telefona, T.V. --y trabajará correctamente en los dispositivos que incluso no existen todavía mientras sean estándares obedientes.
Más importante, desarrollar sitios con el CSS permite que separemos con eficacia el contenido y la presentación. Tienes siempre mirado el código de fuente de las páginas del HTML que fueron creadas con una disposición tabla-basada y se preguntaban “qué el heck va en aquí?” Ves que las porciones de abertura y de cierre de tablas y de la tabla reman todo mezclado junto con contenido y gráficos textuales. Con una disposición limpia, CSS-basada puedes crear las páginas que son entendidas fácilmente mirando la fuente, haciéndolas más fáciles entender, mantener, y la actualización. Mirar la fuente de mi sitio http://www.vp3media.com de la compañía y después mirar el código de fuente de este sitio que utilice una disposición basada las tablas: http://webservices.org/. ¿Diferencia grande, huh?
Si tienes un sitio con alto tráfico, puedes reducir perceptiblemente la cantidad de bandwdth usada transitioning de un sitio tabla-basado a una disposición CSS-basada. Si un visitante a tu sitio no tiene que cargar todo el código necesitado para rendir esas tablas y gifs del espaciador, transmiting menos datos.
El CSS también ofrece ventajas de la optimización del Search Engine sobre las tablas. Si tienes un negocio basado las tablas localizar que los relys en Internet trafican para dar vuelta a un beneficio o clientes del aquire a nuevos que verás ventajas verdaderas cambiando al CSS. Cuando las arañas de un Search Engine tu sitio tabla-basado, ellas recuperan una cantidad grande de contenido que no tenga nada hacer con ti negocio. Cuando las arañas de los motores de búsqueda un sitio CSS-basado limpio, la mayoría del contenido recuperada serán el contenido textual que describe tu negocio. El cociente del contenido-a-código es más alto con las disposiciones CSS-basadas.
Tenemos todas las descripciones vistas del Search Engine que no tengan ningún sentido; eso es porque las arañas del Search Engine utilizan un método de la tapa abajo para recuperar la información. Lo que es topmost en tu documento, los motores de búsqueda van a pensar son la parte más importante del documento, y por lo tanto se deben utilizar como la descripción. Puesto que contenido y presentación del seperate con el CSS, nosotros podemos poner la información más importante en la tapa de un documento no importa dónde se exhibe realmente en la página. ¡Intentar eso con las tablas!
Espero que este artículo te dé una descripción de porqué es importante para la transición de tu disposición tabla-basada actual a una puesta en práctica completamente válida del CSS. Si no tienes un Web site, sino estás planeando en lanzar uno en un futuro próximo, te cercioras de decir tus reveladores que deseas una puesta en práctica CSS-basada.
Detrás en el día, diseñamos sitios con las tablas y cortamos esas tablas en hacer las cosas que nunca fueron significados para hacer. La etiqueta de la tabla fue diseñada para exhibir datos tabulares, no como manera de rendir la disposición de un Web site. Desafortunadamente, un alternativa mejor no existió, así que utilizamos las tablas. Esto hizo para los sitios ineficaces, lentos del cargamento con el código que era muy duro de leer y de mantener. define margen de beneficio sematic como esto:
Las páginas de Sematic “proveen la información para los motores de búsqueda del Web usando las correas eslabonadas de tela. Ésta podría ser información legible por la máquina sobre el contenido human-readable del documento (tal como el creador, el título, la descripción, el etc., del documento) o podría ser puramente meta datos que representaban un sistema de hechos (tales como recursos y servicios a otra parte en el sitio). (La nota que cualquier cosa que se puede identificar con un identificador uniforme del recurso (URI) puede ser descrita, así que la tela semántica pueden razonar sobre la gente, los lugares, las ideas, los gatos el etc.)”
Actualmente, los diseñadores de la cadera y los reveladores utilizan el CSS extensivamente para crear hermoso, completamente sitios obedientes de los estándares. la disposición CSS-basada permite que desarrollemos los sitios que degradarán con eficacia--ése es que serán viewable en todos los tipos de dispositivos tales como PDA, célula telefona, T.V. --y trabajará correctamente en los dispositivos que incluso no existen todavía mientras sean estándares obedientes.
Más importante, desarrollar sitios con el CSS permite que separemos con eficacia el contenido y la presentación. Tienes siempre mirado el código de fuente de las páginas del HTML que fueron creadas con una disposición tabla-basada y se preguntaban “qué el heck va en aquí?” Ves que las porciones de abertura y de cierre de tablas y de la tabla reman todo mezclado junto con contenido y gráficos textuales. Con una disposición limpia, CSS-basada puedes crear las páginas que son entendidas fácilmente mirando la fuente, haciéndolas más fáciles entender, mantener, y la actualización. Mirar la fuente de mi sitio http://www.vp3media.com de la compañía y después mirar el código de fuente de este sitio que utilice una disposición basada las tablas: http://webservices.org/. ¿Diferencia grande, huh?
Si tienes un sitio con alto tráfico, puedes reducir perceptiblemente la cantidad de bandwdth usada transitioning de un sitio tabla-basado a una disposición CSS-basada. Si un visitante a tu sitio no tiene que cargar todo el código necesitado para rendir esas tablas y gifs del espaciador, transmiting menos datos.
El CSS también ofrece ventajas de la optimización del Search Engine sobre las tablas. Si tienes un negocio basado las tablas localizar que los relys en Internet trafican para dar vuelta a un beneficio o clientes del aquire a nuevos que verás ventajas verdaderas cambiando al CSS. Cuando las arañas de un Search Engine tu sitio tabla-basado, ellas recuperan una cantidad grande de contenido que no tenga nada hacer con ti negocio. Cuando las arañas de los motores de búsqueda un sitio CSS-basado limpio, la mayoría del contenido recuperada serán el contenido textual que describe tu negocio. El cociente del contenido-a-código es más alto con las disposiciones CSS-basadas.
Tenemos todas las descripciones vistas del Search Engine que no tengan ningún sentido; eso es porque las arañas del Search Engine utilizan un método de la tapa abajo para recuperar la información. Lo que es topmost en tu documento, los motores de búsqueda van a pensar son la parte más importante del documento, y por lo tanto se deben utilizar como la descripción. Puesto que contenido y presentación del seperate con el CSS, nosotros podemos poner la información más importante en la tapa de un documento no importa dónde se exhibe realmente en la página. ¡Intentar eso con las tablas!
Espero que este artículo te dé una descripción de porqué es importante para la transición de tu disposición tabla-basada actual a una puesta en práctica completamente válida del CSS. Si no tienes un Web site, sino estás planeando en lanzar uno en un futuro próximo, te cercioras de decir tus reveladores que deseas una puesta en práctica CSS-basada.
Article Source: http://www.articleset.com

You are welcome to publish or reprint this article free of charge, provided:
- you include the entire article, unchanged, including the "About The Author" box
- all hyperlinks remain active, including the bottom ArticleSet.com link (does not apply to print publications)
- you agree not to hold the authors nor ArticleSet.com liable for any loss profits, expenses, or any other damages resulting from the use or misuse of articles published on this website