Prefacio
"Mi tarjeta de salario es del Banco de Comunicaciones, pero a menudo retiro dinero del cajero automático ICBC que está abajo en mi casa;
Soy de Shanghai y puedo comunicarme con mis compañeros de clase en Guangzhou en mandarín;
El grifo se rompió hoy, así que fui a la plomería y compré uno nuevo para reemplazarlo;
Viajo a Francia y se le notificó a mi amigo francés que me recogiera a las 15:30, hora de Beijing. "
Cosas similares suceden todos los días en la vida. Cosas que parecen normales y nada especiales. Sin embargo, ¿alguna vez has pensado en:
¿Por qué todas las tarjetas bancarias tienen el mismo tamaño?
¿Por qué puedo comunicarme con mis compañeros de clase en Guangzhou usando mandarín?
¿Por qué el tornillo del grifo nuevo que compré simplemente se conecta a la tubería de agua vieja?
¿Por qué mis amigos franceses no me recogen en el momento equivocado?
Para muchas cosas en la vida diaria, no nos damos cuenta de que hay un "factor" oculto detrás, y este factor es: los estándares.
Con el "estándar de tarjetas bancarias", no tiene que preocuparse por los diferentes tamaños de tarjetas en los diferentes bancos. Las entradas para tarjetas en todos los cajeros automáticos son las mismas;
Con el "Estándar Putonghua", las personas de todo el país pueden comunicarse cómodamente en un idioma;
Con el "estándar de la industria para tornillos", si compra un grifo de 6 puntos, definitivamente puede conectarlo a una tubería de agua de 6 puntos;
Con la hora media de Greenwich, personas de todo el mundo nunca se equivocarán de hora de vuelo.
Todos los ámbitos de la vida tienen sus propios estándares y normas correspondientes. Los estándares pueden facilitar la comunicación, promover la colaboración y mejorar la eficiencia.
Para la industria de TI, la diversidad de dispositivos e información requiere estándares que garanticen la comunicación y la colaboración entre ellos. Podemos intercambiar datos entre teléfonos móviles, impresoras y cámaras digitales; podemos transferir información entre sitios web, correos electrónicos y software de oficina; es posible que necesitemos aplicar recursos existentes en futuros dispositivos nuevos (como decodificadores, dispositivos de información). Si no existe un estándar unificado, entonces toda la información ahora está aislada, no se puede compartir y no se puede reutilizar, necesitamos desperdiciar mucha mano de obra y recursos materiales para restablecer los datos para nuevos dispositivos para los que debemos realizar un desarrollo especial; cada aplicación multisistema.
Afortunadamente, hemos encontrado una solución: XML.
XML es simplemente un "documento con un formato prescrito". Siempre que los datos generados por nuestros dispositivos o sistemas cumplan con este formato, se puede lograr el intercambio, el intercambio y la colaboración mutuos de datos.
Desde que la Organización Internacional World Wide Web (W3C.org) lanzó la especificación XML 1.0 en 1998, se han aplicado una gran cantidad de estándares XML en nuestras vidas, como los pronósticos meteorológicos y las cotizaciones de bolsa a las que nos suscribimos en nuestros teléfonos móviles. todos los datos se obtienen de los sistemas correspondientes y luego se envían a usted mediante conversión de formato XML; enviamos mensajes a los teléfonos móviles de amigos que no están en línea a través de QQ o MSN, y la información también se realiza mediante conversión XML; aplicaciones, como dentro de la empresa. La interacción, integración y uso compartido de datos entre CRM, ERP y sistemas de gestión de contenidos utilizan XML.
Entonces, naturalmente pensarás: ¿las páginas web (web) también deberían seguir los estándares XML? La respuesta es sí.
Después de la aparición de la World Wide Web, ha cambiado enormemente la forma en que las personas obtienen información. En el pasado, la información se obtenía de los periódicos, la televisión y la radio. Ahora es más conveniente obtener información a través de Internet y de los navegadores. La información en la web también es cada vez más abundante. Desde información simple y estática de documentos e imágenes al principio, hasta información multimedia dinámica e interactiva ahora, la información en la web se ha vuelto tan abundante que puede describirse como "aterradora". A finales del año pasado, el motor de búsqueda Google había podido buscar 8.200 millones de páginas web y 2.100 millones de imágenes. Muchos datos son riqueza, pero si no se pueden utilizar y buscar de manera efectiva, son "basura de información". De hecho, se ha producido una redundancia de datos y la información no se puede compartir ni consultar de manera efectiva.
El 99% de nuestros sitios web están creados con HTML y HTML no se ajusta al formato XML. Por lo tanto, es difícil que la información de estas páginas web se adapte a los requisitos de los nuevos dispositivos y al intercambio de datos en el futuro. ¿Qué hacer? La Organización Internacional World Wide Web (W3C.org) ha propuesto una solución. Han formulado una nueva especificación XHTML1.0 basada en HTML y de acuerdo con el formato XML, con simples cambios, HTML se puede convertir a XHTML, logrando así el objetivo. transformación a XML. Al mismo tiempo, para que la información de su página sea más fácil de buscar y reutilizar, el código XHTML debe tener una estructura más clara y más etiquetas semánticas. El W3C recomienda usar CSS para controlar la presentación y separar el contenido de la presentación.
De esto trata nuestro libro: Reconstruir su sitio web utilizando tecnologías web estándar.
1: comprender los estándares web
1. ¿Qué son los estándares web?
Primero, necesitamos aclarar un concepto. Los estándares web de los que hablamos en este libro no se refieren a XML, sino a una serie de especificaciones técnicas formuladas por W3C y ECMA para realizar la transición de grandes cantidades de información HTML a estándares XML. Actualmente, incluyen principalmente XHTML1. 0, CSS2.0 y DOM1 0 y ECMA JavaScript. Los estándares web no son sólo una especificación, sino el nombre colectivo de una serie de especificaciones.
Las páginas web producidas de acuerdo con estas especificaciones cumplen con las especificaciones de formato XML y separan el contenido y el rendimiento, lo que permite compartir, intercambiar y reutilizar los datos de su página en el futuro.
A continuación, repasemos algunos conceptos básicos importantes. Si ya lo domina, puede omitir y leer la Sección 2 directamente.
2. ¿Qué es el w3c?
W3C es la abreviatura de "World Wide Web Consortium", que en chino se llama Organización World Wide Web. Es una asociación industrial internacional centrada en "liderar y desarrollar tecnología web". Está dirigida por Time Berners-Lee, el inventor de la World Wide Web, y fue fundada en 1994. El W3C ya cuenta con más de 500 miembros, incluidos Microsoft, America Online (la empresa matriz de Netscape), Apple Computer, Adobe, Macromedia, SUN y varios fabricantes de hardware y software y empresas de telecomunicaciones. La principal investigación de la sociedad está auspiciada por tres instituciones académicas: el Instituto Tecnológico de Massachusetts (MIT) en Estados Unidos, el Foro Europeo de Investigación en Información y Matemáticas (ERCIM) en Francia y la Universidad Kekei (KEIO) en Japón.
El trabajo principal del W3C es investigar y formular especificaciones abiertas (estándares de facto) para mejorar la interoperabilidad de los productos relacionados con la web. La formulación de las especificaciones recomendadas por el W3C se completa mediante grupos de trabajo compuestos por miembros y expertos especialmente invitados. Los borradores del grupo de trabajo (Borradores) se envían al Consejo del W3C para su discusión después de ser aprobados por la mayoría de las empresas y organizaciones relevantes. Después de la aprobación formal, se convierten en "Recomendaciones" y se publican. Para más información puede visitar el sitio web del W3C: www.w3.org
3. Estándares publicados por el W3C
3.1 HTML4.0
El lenguaje de marcado de hipertexto (HTML, Hypertext Markup Language) se usa ampliamente en las páginas web actuales. El propósito del HTML es agregar información estructural a los documentos, como indicar títulos.
Representa párrafos; el navegador puede analizar la estructura de estos documentos y expresarla en la representación correspondiente. Por ejemplo: el navegador mostrará el contenido entre... en negrita.
Los diseñadores también pueden utilizar CSS (hojas de estilo en cascada) para definir cómo se expresará una determinada estructura.
3.2 XML1.0
XML es la abreviatura de Lenguaje de marcado extensible (Lenguaje de marcado extensible). XML es un lenguaje de marcado similar a HTML. La diferencia es que HTML tiene etiquetas fijas, mientras que XML le permite definir sus propias etiquetas e incluso le permite definir múltiples conjuntos de configuraciones para un documento a través de espacios de nombres XML. Mire un ejemplo XML:
<libreta de direcciones>
<entrada>
<nombre>AJIE</nombre><email>[email protected]</email>
</entrada>
<entrada><nombre>ALLAN</nombre><correo electrónico>[email protected]</correo electrónico>
</entrada>
<entrada><nombre>YAHOO</nombre><correo electrónico>[email protected]</correo electrónico>
</entrada>
</libro de direcciones>
Algunas aplicaciones XML, como XHTML y MathML, se han convertido en especificaciones recomendadas por el W3C. También puedes definir la representación de etiquetas XML mediante especificaciones de estilo (CSS y XSL). Actualmente, los documentos XML no se pueden mostrar directamente con un navegador. La presentación de la página todavía usa HTML o XHTML. Ahora se usa principalmente para el intercambio de datos entre servidores (sistemas y sistemas).
3.3 CSS2.0
CSS es la abreviatura de Cascading Style Sheets. CSS puede controlar la presentación de etiquetas HTML o XML. W3C recomienda utilizar el método de diseño CSS para hacer la web más simple y la estructura más clara.
3.4 HTML1.0
XHTML en realidad redefine HTML según la especificación XML. Sus etiquetas son consistentes con HTML4.0 y el formato sigue estrictamente la especificación XML. Entonces, aunque XHTML se muestra igual que HTML en el navegador, si desea convertir a PDF, XHTML será mucho más fácil.
XHTML tiene tres definiciones de DTD: estricta, transicional y conjunto de marcos. DTD es la abreviatura de Definición de tipo de documento. Está escrito al principio del archivo XHTML y le dice al navegador a qué especificaciones se ajusta este documento y qué especificaciones se utilizan para analizarlo.
3.5DOM1.0
DOM es la abreviatura de Modelo de objetos de documento. DOM ofrece a los lenguajes de secuencias de comandos (similares a ECMAScript) capacidades ilimitadas. Proporciona a los lenguajes de secuencias de comandos un fácil acceso a la estructura, el contenido y la presentación de todo el documento.
4 ¿Qué es ECMA?
Es la abreviatura de "Asociación Europea de Fabricantes de Computadoras", que en chino se llama Asociación Europea de Fabricantes de Computadoras. Es una organización fundada en 1961 para establecer un estándar unificado de formato operativo informático, que incluye lenguaje de programación y entrada y salida.
ECMA está ubicada en Ginebra, junto a las sedes de ISO (Organización Internacional de Normalización) e IEC (Agencia Internacional de Normalización Electrotécnica). Su tarea principal es estudiar las normas de tecnologías de la información y las comunicaciones y publicar informes técnicos relevantes. ECMA no es una organización oficial, pero está compuesta por fabricantes convencionales que a menudo cooperan con otras organizaciones internacionales.
4.1 ECMAscript estándar publicado por ECMA
ECMAscript es un lenguaje de programación estándar basado en Netscape javaScript. También es un lenguaje basado en objetos y cualquier objeto de una página web se puede manipular a través del DOM. Los objetos se pueden agregar, eliminar, mover o cambiar. Esto mejora enormemente la interactividad de las páginas web.
Los estándares anteriores son los principales estándares que utilizamos actualmente durante la transición de HTML a XML y también son el alcance principal de este libro.
5. Ventajas de los estándares web
5.1 Facilidad de uso
Las páginas creadas con estándares web son más "transparentes" para los motores de búsqueda, porque una estructura buena y clara permite a los motores de búsqueda juzgar y evaluar fácilmente la información, estableciendo así índices más precisos. Las páginas creadas según los estándares web también pueden mostrar la estructura básica que normalmente se encuentra en los navegadores más antiguos. Incluso si el estilo CSS/XSL no se puede analizar, aún puede mostrar información y estructura completa.
Las páginas que cumplen con los estándares web también se pueden convertir fácilmente a otros formatos de documentos, como bases de datos o formato Word, y también se pueden trasplantar fácilmente a nuevos sistemas: sistemas de hardware o software, como Internet TV, PDA, etc. Ésta es la ventaja inherente de XML.
Las páginas que cumplen con los estándares web también tienen "accesibilidad" inherente. No sólo pueden leerlas los navegadores normales, sino que las personas con discapacidad también pueden utilizarlas normalmente a través de navegadores ciegos y lectores de voz.
5.2 Compatibilidad con versiones anteriores
Las páginas creadas utilizando estándares web funcionarán bien en nuevos navegadores o nuevos dispositivos de red en el futuro. Sólo necesitamos modificar el CSS o XSL para personalizar la forma de expresión correspondiente.
2: Reflexiones y debates sobre estándares web
A través de la introducción anterior, tenemos una comprensión preliminar de por qué el W3C quiere establecer un estándar XML y por qué los principales fabricantes están dispuestos a admitir XML. También aprendimos que para hacer la transición a los estándares XML, ¿qué estándares web necesitamos aprender y dominar en esta etapa? El siguiente paso es aplicarlos específicamente. Pero descubrimos que la aplicación no era tan fluida como imaginamos y todavía teníamos muchas dificultades por delante:
El 99% de las páginas web creadas con HTML4.0 o especificaciones anteriores deben convertirse a XHTML;
Todavía se publican una gran cantidad de páginas nuevas cada día utilizando tecnologías que no cumplen con los estándares web;
Falta de software de desarrollo de páginas potente y fácil de usar que admita estándares web;
El navegador convencional IE tiene soporte incompleto para los estándares web;
Una gran cantidad de diseñadores necesitan comprender los estándares web y cambiar sus conceptos;
Entre ellos, "cambiar de ideas" es el más importante y difícil. Muchos diseñadores todavía no comprenden los estándares web y todavía están esperando verlos o incluso oponerse a ellos. Aquí analizamos los problemas y debates típicos encontrados en la promoción de estándares web:
(1) Acerca de los estándares web
1. Los estándares web no son “estándares”, ¿por qué debería cumplirlos?
De hecho, los estándares web no son estándares, son simplemente especificaciones recomendadas formuladas por el W3C. El W3C no exige ni supervisa la implementación de la industria. Para facilitar la promoción de estas especificaciones, la organización de estándares web (webstandards.org) se refiere a ellas colectivamente como "estándares web". Aunque el W3C es sólo una "especificación recomendada", ya es un estándar de facto, una especificación reconocida por los miembros de las 500 principales empresas de TI del mundo. No hay motivos para dudar de su amplitud y viabilidad. Microsoft también es un miembro importante del W3C y definitivamente respaldará las especificaciones que aprobó. Sin embargo, debido a consideraciones de competencia comercial, Microsoft generalmente realiza algunos ajustes detallados para vincular a los usuarios, pero esto no afecta la direccionalidad y autoridad de las especificaciones del W3C. .
2. ¿DIV+CSS es un estándar web?
DIV+CSS es sólo un medio técnico específico de implementación y no cubre estándares web. Los estándares web no son solo la conversión de HTML a XHTML, sino que, lo que es más importante, la estructura de la información es clara y el contenido y el rendimiento están separados, y la tecnología DIV + CSS puede implementar mejor esta idea. Por lo tanto, la mayoría de las páginas que cumplen con los estándares que vemos se crean utilizando DIV+CSS.
(2). Sobre los beneficios de los estándares web.
1. La tecnología avanza, el ancho de banda de la red es cada vez mayor y más rápido y la velocidad es cada vez más rápida. ¿Tiene sentido guardar esos bytes?
Uno de los beneficios de los estándares web es que las páginas creadas con estándares web tienen una pequeña cantidad de código y pueden ahorrar ancho de banda. Esto es solo un beneficio adicional de los estándares web, porque la estructura de DIV en sí es más simple que TABLE. Las capas anidadas del diseño TABLE provocan código inflado y tamaño de archivo ampliado. En circunstancias normales, usar DIV+CSS para una página con el mismo rendimiento ahorra 2/3 del código que usar el diseño TABLE. Este es el beneficio inherente de los estándares web. En cuanto a la importancia del ahorro de ancho de banda, no es principalmente para los usuarios comunes, sino principalmente para los operadores de sitios web, especialmente sitios web medianos y grandes, como Sina y NetEase. Una página de inicio de noticias se reduce de 500.000 a 170.000. Suponiendo que las páginas vistas por día sean 30 millones (número conservador), el tráfico del servidor guardado es 330.000*30000000=9440G. Este ahorro de costos es considerable.
2. ¿Debo considerar a las personas con discapacidad (ciegas y deficientes visuales)?
Brindar comodidad a las personas con discapacidades para navegar por Internet es un requisito legal en los Estados Unidos y algunos países europeos. Debido a la estructura clara y la semántica completa de las páginas web estándar, algunos dispositivos relacionados pueden extraer información de manera fácil y correcta para las personas con discapacidades. Por lo tanto, facilitar la lectura de información a las personas ciegas se ha convertido en uno de los beneficios naturales de los estándares web. En cuanto a algunas personas que dicen que todavía hay muchas personas en China preocupadas por la comida y la ropa, no tienen tiempo para considerar a las personas con discapacidad. Esta es una cuestión de civilización social y moralidad social que está más allá del alcance de este libro. Pero si tu página está hecha según los estándares web, puedes lograr este efecto, ¿por qué no?
(3).Acerca del diseño
1. ¿No se pueden utilizar tablas en los estándares web?
En primer lugar, debemos aclarar un concepto: los estándares web no permiten el uso de etiquetas TABLE. TABLE también es una etiqueta estándar en XHTML1.0. Simplemente recomendamos utilizar el diseño DIV+CSS para reemplazar el diseño de tabla tradicional. La razón es: el diseño TABLE original mezcla rendimiento y contenido, la estructura no es clara y el contenido está incompleto, lo que no favorece la reutilización del contenido. Y semánticamente hablando, cuando el W3C formuló la etiqueta TABLE, solo la usó para definir la estructura de la tabla. Si hay una tabla en el documento, entonces se debe usar TABLE. Los elementos de rendimiento, como la composición tipográfica y el posicionamiento, deben controlarse mediante CSS.
2. Es muy conveniente para mí usar el diseño de tabla para revisar la versión. Es posible que usted no sea más eficiente que yo si usa CSS.
En algunos casos o proyectos, como usted dijo, es posible utilizar el diseño de tabla para revisar la versión muy rápidamente. Pero esta no es una solución a largo plazo. Necesitamos mirar la esencia a través del fenómeno. Los estándares web separan el contenido de la presentación, etc., después de dicha separación, se separan y controlan. La revisión es la verdadera conveniencia. Y "revisión" no es solo una revisión en el navegador. Si necesito publicar la misma página en un teléfono móvil, la página que cumple con los estándares web solo necesita modificar el archivo de estilo, mientras que el diseño de la tabla debe rehacerse por completo. Si todavía necesito publicarlo en el futuro, ¿necesito publicarlo en Internet TV u otros dispositivos nuevos? CSS debe ser más eficiente que la tabla.
3. ¿Se pueden crear páginas hermosas utilizando estándares web?
Dado que las personas que investigaron y promovieron los estándares web al principio hicieron las páginas relativamente "simples", esto provocó que todos lo malinterpretaran, pensando que las páginas estándar web son simples, con gráficos livianos y efectos visuales livianos. De hecho, los efectos de página que se pueden lograr con el diseño TABLE se pueden lograr básicamente con CSS. Esta pregunta no requiere mucha explicación y quedará clara con solo mirar los sitios web estándar recientemente establecidos en el país y en el extranjero. Por ejemplo: www.macromedia.com , www.mp3.com
(4).Acerca de la compatibilidad del navegador
1. No necesito preocuparme por los estándares web. IE ocupa el 99% del mercado, siempre que IE pueda ver las páginas que hago, está bien.
"Centrado en el usuario" suele ser un escudo utilizado por quienes se oponen a los estándares web. De hecho, es un hipócrita "centrado en el usuario". No se puede garantizar que IE siempre monopolizará el mercado de los navegadores, ni tampoco se puede garantizar que IE no realizará ningún cambio (de hecho, IE7 de Microsoft ha comenzado a mejorar su compatibilidad con los estándares web). Las páginas que insisten en utilizar el diseño de tabla html + serán información "muerta", incómoda de buscar y no se podrán reutilizar ni compartir. A la larga, este es el mayor daño para los usuarios.
2. ¿Por qué no es buena la compatibilidad de las páginas web estándar?
Decimos que la ventaja de los estándares web es la buena compatibilidad. Esta compatibilidad se refiere a la compatibilidad con versiones anteriores y con nuevos navegadores y nuevos dispositivos. En el caso de los navegadores existentes, debido a que tienen diferentes niveles de compatibilidad con los estándares web, las páginas pueden deformarse en diferentes navegadores. Tenemos que utilizar algunas técnicas de "hack" para lograr compatibilidad con diferentes navegadores. Esto es impotente e inevitable. Es un proceso inevitable por el que debe pasar el desarrollo de la tecnología web, y es una dificultad que debe superarse en nuestra transición a XML.
(5).Otros
1. Sin herramientas de desarrollo útiles, ¿tengo que escribir código a mano?
Sí. Le recomendamos que escriba el código a mano para promover una comprensión más profunda de los estándares web. De hecho, muchos software de desarrollo han comenzado a admitir estándares web. Puede echar un vistazo a la última versión de Dreamweaver 8, Golive de Adobe y Visual Studio.NET 2005 de Microsoft. Estas herramientas ya admiten el desarrollo de páginas web estándar. Cuando surge una nueva tecnología, nuestra actitud debe ser comprenderla, practicarla y evaluarla, en lugar de oponernos ciegamente a ella o esperar a que surta efecto; de lo contrario, siempre estaremos rezagados.
2. El jefe no entiende y los clientes no tienen requisitos. ¿Por qué debería utilizar estándares web?
Si usted o el equipo de desarrollo no están familiarizados con la tecnología de estándares web, de hecho existen riesgos (riesgos técnicos y de costos) al adoptar estándares web para nuevos proyectos. Puede decidir si adoptar los estándares web después de la evaluación. Pero si uno tiene la capacidad de adoptar estándares y aun así engañar a sus jefes y clientes, es una cuestión de ética y profesionalismo profesionales.
Tres: futuro y dirección
Creo que usted, como yo, está preocupado por cómo será el futuro de WEB y cuál será la próxima ronda de nuevos puntos calientes de tecnología. De hecho, para responder a esta pregunta, nadie tiene más autoridad que el W3C. Basta mirar lo que está haciendo el W3C y qué especificaciones está estudiando para conocer la dirección y tendencia de WEB.
El W3C nos dice claramente: No hay duda de que XML es la tendencia del futuro, y la apertura y el intercambio son el espíritu y la fuerza impulsora fundamental de Internet.
Tim Berners-Lee, líder del W3C y padre de la World Wide Web, dijo: XML proporciona un medio de intercambio de información, pero esto es sólo el comienzo. Nuestro objetivo es hacer que la web sea semántica, es decir, hacer que el contenido de la información en la web sea más fácil de entender, intercambiar y compartir. Los lenguajes RDF y OWL brindarán un soporte más poderoso en este sentido.
La tecnología web está a punto de adoptar una nueva ronda de cambios y desarrollo. Si todavía duda si necesita aprender los estándares web, perderá esta oportunidad.