El editor XML es compatible con HTML5 y CSS3

Las herramientas web de Altova MissionKit recibieron una importante actualización con nuestra reciente versión 2012 lanzamiento: Compatibilidad con HTML5 y CSS3. Encontrarás soporte actualizado que incluye las versiones más recientes de estos estándares web, tanto en XMLSpy 2012 (y versiones posteriores) para la edición de código, como en StyleVision 2012 para el diseño gráfico de hojas de estilo e informes.

En este artículo, nos centraremos en los editores de HTML5 y CSS3 que se encuentran en XMLSpy. La funcionalidad de StyleVision se tratará en un artículo futuro.

Editor de HTML5

XMLSpy ha ofrecido durante mucho tiempo la posibilidad de editar HTML4 y, por supuesto, XHTML, y ahora esas avanzadas funciones de codificación se extienden a HTML5.

Si ya es usuario de XMLSpy, reconocerá de inmediato la útil función de resaltado de sintaxis, el plegado de código y la numeración de líneas en la vista de texto avanzada cuando abra su archivo HTML5 para editar. A medida que escribe, se le presentan opciones válidas de elementos y atributos de HTML5 en un menú desplegable, así como en ventanas de ayuda estáticas, para que pueda completar el código según su estilo de trabajo preferido. Al mismo tiempo, la función de autocompletado le ayuda a trabajar más rápido, al tiempo que garantiza que los elementos se cierren correctamente.

Estas funciones de edición inteligentes se aplican a la versión de HTML con la que está trabajando. Ya sea que abra un documento HTML5 existente o cree un archivo nuevo desde cero, todos los elementos y atributos de HTML5 estarán disponibles de inmediato en las ventanas de ayuda y en el menú desplegable.

XMLSpy incluye una vista de navegador integrada que le permite ver los resultados de su código HTML5 de forma inmediata. La vista de navegador renderiza su página utilizando la versión de Internet Explorer instalada en su sistema, directamente dentro de XMLSpy

...pero también le permite visualizar inmediatamente su página web HTML5 en cualquier navegador que tenga instalado en su ordenador.

Esto permite realizar pruebas y depuración de forma rápida para garantizar la compatibilidad con diferentes navegadores. Para tener una idea de cómo se ven algunas de las nuevas funcionalidades de HTML5 en funcionamiento, consulte el documento de ejemplo de HTML5 que se incluye en la carpeta "Ejemplos" de XMLSpy 2012 y que está vinculado desde el proyecto de ejemplo. Para obtener más información sobre HTML, existen muchos recursos excelentes disponibles en la web, incluyendo http://www.w3.org/TR/html5/.

Editor de CSS3

Trabajando en conjunto con el editor de HTML5, se encuentra el editor de CSS3 de XMLSpy, que también ofrece resaltado de sintaxis y herramientas de ayuda, así como la posibilidad de crear marcadores y plegar el código en la vista de texto.

Una ventana de esquema CSS muestra un esquema del documento, organizado por sus selectores, que se muestran en grupos. Cada grupo se puede contraer y expandir, y al hacer clic en un selector en el esquema CSS, este se resalta en el documento. Se muestran ventanas con ayudas para ingresar propiedades CSS y elementos HTML, así como menús desplegables contextuales. Además, XMLSpy incluye mensajes emergentes que proporcionan una definición de cada propiedad y sus posibles valores a medida que se escribe.

También puede aprovechar la función de visualización integrada de XMLSpy para ver los resultados de sus modificaciones de CSS de inmediato en una página HTML vinculada.

¿Por qué usar XMLSpy para trabajar con HTML?

Por supuesto, XMLSpy es conocido por sus capacidades en todo lo relacionado con XML, pero también es una opción ideal para el desarrollo de HTML. La edición de HTML5 y CSS3 en XMLSpy se facilita gracias al soporte para tecnologías relacionadas, como XML, XSLT, WSDL, entre otras, así como por sus funciones integradas de gestión de proyectos, el soporte para sistemas populares de control de versiones/fuentes, y la integración con Microsoft® SharePoint® Server, lo que le proporciona todas las herramientas necesarias para desarrollar la próxima generación de sitios web y aplicaciones.

Nos encantaría saber cómo están utilizando HTML5 actualmente. Por favor, háganos saber su opinión dejando un comentario a continuación.