O editor XML suporta HTML5 e CSS3

As ferramentas web do Altova MissionKit receberam uma atualização importante com a nossa versão 2012 lançamento: Suporte para HTML5 e CSS3. Encontrará suporte atualizado para as versões mais recentes destas normas web, tanto no XMLSpy 2012 (e versões superiores) para edição de código, como no StyleVision 2012 para o design gráfico de folhas de estilo e relatórios.

Neste artigo, vamos concentrar-nos nos editores HTML5 e CSS3 do XMLSpy. A funcionalidade do StyleVision será abordada num artigo futuro.

Editor HTML5

O XMLSpy tem vindo a suportar, há muito tempo, a edição de HTML4 e, naturalmente, XHTML – e agora essas funcionalidades avançadas de programação estendem-se também ao HTML5.

Se já é utilizador do XMLSpy, irá reconhecer imediatamente a formatação de sintaxe, o agrupamento de código e a numeração de linhas no modo de edição de texto avançado, ao abrir o seu ficheiro HTML5 para edição. À medida que escreve, são-lhe apresentadas opções válidas de elementos e atributos HTML5 num menu suspenso, bem como em janelas de auxílio de entrada, para que possa completar o código no seu estilo de trabalho preferido. Ao mesmo tempo, a sugestão de código ajuda-o a trabalhar mais rapidamente, garantindo que os elementos são fechados corretamente.

Estas funcionalidades de edição avançadas são aplicáveis à versão de HTML com que está a trabalhar. Seja ao abrir um documento HTML5 existente ou ao criar um novo ficheiro, todos os elementos e atributos HTML5 estão imediatamente disponíveis nas janelas de assistência e nos menus suspensos.

O XMLSpy inclui uma visualização integrada que permite ver os resultados da sua codificação HTML5 instantaneamente. A visualização exibe a sua página utilizando a sua instalação do Internet Explorer, diretamente no XMLSpy

...mas também permite visualizar instantaneamente a sua página web HTML5 num qualquer navegador instalado no seu computador.

Isto permite testes e depuração rápidos para garantir a compatibilidade entre diferentes navegadores. Para ter uma ideia de como algumas das novas funcionalidades do HTML5 funcionam, consulte o documento de exemplo simples do HTML5 que está incluído na pasta "Exemplos" do XMLSpy 2012 e que está ligado ao projeto de exemplo. Para saber mais sobre HTML, existem muitos recursos excelentes disponíveis na Internet, incluindo http://www.w3.org/TR/html5/.

Editor CSS3

Trabalhando em conjunto com o editor HTML5, o XMLSpy também oferece um editor CSS3, que também disponibiliza realce de sintaxe e ferramentas de auxílio na escrita, bem como funcionalidades de marcação e recolhimento de código na visualização de texto.

A janela "Visão Geral CSS" exibe um resumo do documento, organizado pelos seus seletores, apresentados em grupos. Cada grupo pode ser recolhido e expandido, e clicar num seletor na Visão Geral CSS destaca-o no documento. As propriedades CSS e os elementos HTML são apresentados em janelas, bem como em menus suspensos contextuais. Além disso, o XMLSpy inclui dicas de ecrã que fornecem uma definição de cada propriedade e dos seus valores possíveis à medida que escreve.

Pode também utilizar a funcionalidade de visualização integrada do XMLSpy para ver os resultados das suas.. Modificações no CSS imediatamente, numa página HTML relacionada.

Por que usar o XMLSpy para trabalhar com HTML?

Sim, o XMLSpy é conhecido pelas suas funcionalidades relacionadas com XML, mas também é uma excelente opção para o desenvolvimento de HTML. A edição de HTML5 e CSS3 no XMLSpy é facilitada pelo suporte a tecnologias relacionadas, incluindo XML, XSLT, WSDL e outras, bem como por funcionalidades integradas de gestão de projetos, suporte a sistemas populares de controlo de versões/fontes e integração com o Microsoft® SharePoint® Server – oferecendo-lhe todas as ferramentas necessárias para desenvolver a próxima geração de websites e aplicações.

Gostaríamos muito de saber como estão a utilizar o HTML5 atualmente. Deixem-nos uma mensagem através de um comentário abaixo.