Anatomía de un documento XHTMLLa transición de HTML a XHTML vendrá con un buen número de golpes. Mientras que los últimos capítulos de introducir herramientas para ayudarle a superar los golpes - y averiguar de dónde vienen - este capítulo analiza lo que va a cambiar, y muestra algunas estrategias para el manejo de esos cambios. En el camino, visitaremos los fantasmas del pasado y explorar los navegadores problemas que existen en los navegadores actuales. A su vez, a descubrir cómo prepara y preparado varias herramientas para XHTML. NotaAlgunas de las soluciones de este capítulo se aplican los mecanismos descritos en más detalle en capítulos posteriores - en particular las DTD XHTML y hojas de estilo en cascada. Si se encuentra con problemas que no entiendo, tenerlas en cuenta y estudiar los capítulos que describen las cuestiones más estrechamente cuando se llega a ellos. Los pasos de este capítulo son más importantes para establecer el contexto en el que se utiliza algunas tecnologías que para explicar esas tecnologías. Un primer documento HTMLEl siguiente documento, que utilizo como un caso de prueba, no es un documento HTML normal. Está diseñado para contener algunos de los graves "aspectos críticos" que implican las conversiones a XHTML. Es más o menos peor de los casos, aunque su contenido no son inusuales. (Es un poco más de sentido que de costumbre, pero bastante común lo contrario.) Este documento solo produce cinco derivados, que representan diferentes caminos a XHTML conformidad. El siguiente documento es razonablemente pequeño, pero contiene un montón de problemas en un espacio pequeño:
Copyright 2000 por el escritor de html Wacki
Dos remediosSi bien el HTML inicial no está en muy mala forma, utiliza el elemento FONT - un elemento obsoleto que el W3C está tratando de erradicar y sustituir con hojas de estilo en cascada (CSS). Diseñadores web tienen dos opciones para hacer frente a este cambio. El primer método usa XHTML 1.0 's DTD de transición para evitar esta complicación por completo, mientras que el segundo se muerde la bala y hace algunos cambios más estructurales para ajustarse al documento en el DTD estricto. Si bien el primer enfoque es más sencillo en el corto plazo, puede significar más trabajo más adelante. El segundo enfoque tiene más de un costo inicial - y puede significar que usted pasa trabajadoras durante un tiempo considerable de documentos complejos -, pero debería ser más estable y más manejable en el largo plazo. Hay también un número de casos en los que XHTML proporcionan múltiples enfoques a la solución del mismo problema. Vamos a aprovechar el hecho de que vamos a crear dos versiones diferentes del documento XHTML. Las dos versiones pondrá a prueba dos estrategias para mantener el signo <en el guión de causar problemas en los navegadores y analizadores XML. (Tampoco funciona especialmente bien en navegadores HTML, como resulta.) También pondremos cada estrategia a través de dos fases diferentes de desarrollo. La primera fase mantiene todos los recursos utilizados por un documento (tales como scripts y hojas de estilo) dentro del documento, mientras que la segunda fase se mueve esos recursos a los archivos separados. Solución 1: La DTD de Transición y Secciones CDATAMediante el uso de la DTD de transición, puede conservar el formato utilizado en el documento - en su mayoría los grandes titulares azul - sin tener que cambiar la estructura global de documentos en forma significativa. Aunque este documento es bastante simple que los cambios no son tan difíciles (como se muestra en el segundo enfoque), los documentos más complejas, requieren una enorme inversión de tiempo para convertir a la DTD estricta. Para empezar, es necesario agregar la declaración DOCTYPE al inicio de su documento. (Usted puede agregar la declaración de XML, pero deje que el segundo enfoque. Para el DTD de transición, que significa: Esto identifica el documento utilizando el DTD XHTML 1.0 Transitional de transición de la W3C, que permite la validación de los analizadores XML para verificar el documento con las declaraciones formales que contiene. La apertura tag HTML necesita varios cambios. En primer lugar, debe cambiar a minúsculas, en segundo lugar, debe incluir un atributo que se declara el espacio de nombres XHTML de su contenido (como se describe en el artículo 4). La nueva versión se parece a esto: Es necesario cambiar las etiquetas para la cabeza y los elementos: título en minúsculas, así como cambiar el título para reflejar la nueva identidad del documento:
El elemento de script presenta un problema mayor. Contiene el carácter prohibido <, que necesita ser escapado a pasar un analizador XML. Para este paso, utilice una sección CDATA para marcar el contenido de la (ahora en minúsculas) elemento de script. Esto permite que los caracteres <,>, y & a aparecer en cualquier lugar dentro de un script. (Si la secuencia]]> aparece, es necesario romper con los espacios en blanco como]]>.) El elemento de secuencia de comandos también tiene que tener un tipo de atributo agregado a él. El W3C apoya el atributo de lenguaje, pero insiste en un tipo de atributo con un tipo de contenido MIME identificar el lenguaje de scripting, así. El elemento de secuencia de comandos es dentro del elemento cabeza, por lo que la sección CDATA no debería causar problemas con la pantalla - aunque esto puede hacer que los motores de un mal funcionamiento del navegador de secuencias de comandos. ConsejoOtro truco que puede ayudar a evitar problemas con <en secuencias de comandos es la refundición de expresiones como i <10 a 10> i. Los analizadores XML puede plantear advertencias cuando se encuentran con el símbolo>, sin embargo. El cuerpo del documento presenta algunos problemas más complicados. Puesto que estamos utilizando el DTD de transición, usted puede mantener el atributo bgcolor (poner en minúsculas, por supuesto) en el elemento del cuerpo. Sin embargo, hay que añadir comillas: El titular es el próximo reto. El DTD de transición compatible con la fuente y los elementos b, pero se necesita para cambiar su posición para que el nido limpio. También es necesario almacenar estos elementos en un elemento higherlevel. El elemento p sirve muy bien, aunque también se puede usar el elemento div. También va a cambiar el valor del atributo size de 6, ya que estos deben ser expresados en una escala de 1 a 7, no como un tamaño de punto:
Una vez más, cambiar el título para que se describe con más precisión el contenido de la página. El siguiente elemento, el primer párrafo, incluye un ancla con un atributo name. Minúsculas esto y luego completarla con un atributo id. El elemento P también necesita una etiqueta de cierre al final del párrafo.
(Sí, el texto modificado de nuevo.) El párrafo siguiente sólo necesita que usted haga su elemento P en una p minúscula y darle una etiqueta de cierre:
Tiene que poner la lista de artículos siguientes en minúsculas, darles fin etiquetas y encerrarlos en una especie de lista de elementos - UL, por lista desordenada, parece más apropiado. El elemento br elemento de la lista después de la primera es innecesaria por lo que se puede quitar.
El uso de javascript en los atributos href no es recomendable, pero puede dejar todo por ahora, ya que no está expresamente prohibido (a pesar de que la cambie en el segundo enfoque). La siguiente línea también incluye una dirección URL, esta vez con los símbolos de unión. El proceso de limpieza tiene que reemplazar con &. El último elemento de la lista es básicamente bien, aunque necesita una etiqueta final. Debe cerrar el elemento UL, así: Al final, usted tiene un párrafo que contiene un salto de línea. Usted necesita agregar una etiqueta de cierre para el elemento de P y hacer que el elemento BR en una etiqueta vacía en lugar de sólo una etiqueta de inicio:
Por último, es necesario convertir las etiquetas de cierre del Cuerpo y de los elementos HTML en minúsculas para que coincida con las etiquetas de inicio: Esto completa la limpieza-hasta la versión:
Copyright 2000 por el escritor de html Wacki Para probarlo, enviar a HTML del W3C Servicio de Validación en http://validator.w3.org/. El ejemplo un poco más por la eliminación de la secuencia de comandos en el documento y almacenarlo en un archivo externo. Esto le permite deshacerse de la sección CDATA desde archivos de secuencia de comandos no tiene que ser XML. Las referencias nuevo elemento el código de secuencia de comandos de archivo con el atributo src y se parece a esto: Si bien la práctica XML es aceptable el uso de una etiqueta vacía en lugar de la apertura y cierre de etiquetas, la mayoría de los navegadores no reconocen que el enfoque y tratar de tratar el resto del documento como una secuencia de comandos. La secuencia de comandos entra en un archivo llamado mycode.js: presentCount function () (contador = ""; for (i = 0; i <10; i + +) (contador = contador + "" + i;) alert (contador);) El documento en su conjunto, dice lo siguiente:
Copyright 2000 por el escritor de html Wacki Solución 2: DTD de la estricta y sustitución de la entidadXHTML mientras que los archivos producidos con el primer enfoque son válidos, un poco más de trabajo pueden producir documentos que son más fáciles de manejar en el largo plazo. Esto requiere hacer algunos cambios más estructurales en el documento y añadir algunas hojas de estilo en cascada de la información. En su primer paso, de convertir el documento a la DTD del HTML 4.01 estricta sin preocuparse de XHTML. Entonces, lo convierte a XML en dos formas ligeramente diferentes. También se intenta un enfoque diferente en las secuencias de comandos en el pase XML primera - que funciona bien en los procesadores de XML, pero que todavía no en la mayoría de los procesadores de HTML. un artículo presentado por Albert Lichtblau Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito. Importante: Este artículo "Anatomía de un documento XHTML" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.
|
|||||
| Online: 334 users browsing the articles directory |
|
|