---
title: "O editor XML suporta HTML5 e CSS3"
date: "2012-01-03"
tags:
- "css3"
- "html-editor"
- "html5"
- "v2012"
- "xmlspy"
description: Descubra como o XMLSpy 2012 da Altova melhora a edição de HTML5 e CSS3 com funcionalidades avançadas, como realce de sintaxe, autocompletar código e visualizações de navegador integradas.
---
Status: #blog
Tags: #css3 #html-editor #html5 #v2012 #xmlspy
Categories: [Altova](/blog/pt/category/altova.md)
# 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](https://www.altova.com/pt/whatsnew.html): 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.
[](http://lh4.ggpht.com/-jax0JUfDpzg/TwIafF8lrYI/AAAAAAAAAHM/eN08gQzWlbE/s1600-h/clip_image001%25255B3%25255D.png)
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](https://www.altova.com/pt/xmlspy/html-editor.html) e, naturalmente, XHTML – e agora essas funcionalidades avançadas de programação estendem-se também ao [HTML5](https://www.altova.com/pt/xmlspy/html-editor.html).
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.
[](http://lh6.ggpht.com/-RgxgBoIMhPw/TwIafmCNstI/AAAAAAAAAHc/D2LIQP-TWZQ/s1600-h/clip_image002%25255B3%25255D.png)
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
[](http://lh6.ggpht.com/-0kNO6Tl3YHY/TwIagG5XUSI/AAAAAAAAAHs/6IE-jNjr_08/s1600-h/clip_image004%25255B3%25255D.jpg)
...mas também permite visualizar instantaneamente a sua [página web HTML5](https://www.altova.com/pt/xmlspy/html-editor.html) num qualquer navegador instalado no seu computador.
[](http://lh5.ggpht.com/-VSwezP3iNvI/TwIag7aPseI/AAAAAAAAAH8/k2ZG_FSh_EE/s1600-h/clip_image005%25255B3%25255D.gif)
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/](http://www.w3.org/TR/html5/).
### Editor CSS3
Trabalhando em conjunto com o editor [HTML5](https://www.altova.com/pt/xmlspy/html-editor.html), o XMLSpy também oferece um editor [CSS3](https://www.altova.com/pt/xmlspy/css-editor.html), 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.
[](http://lh6.ggpht.com/-3bE7my-XCNQ/TwIahUxeFzI/AAAAAAAAAIM/d9Dg6iF9sBk/s1600-h/clip_image006%25255B3%25255D.png)
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.
[](http://lh4.ggpht.com/-zNowLSk-LPM/TwIahhG7U1I/AAAAAAAAAIc/CTRfLtZ7D7Y/s1600-h/clip_image007%25255B3%25255D.png)
Pode também utilizar a funcionalidade de visualização integrada do XMLSpy para ver os resultados das suas.. [Modificações no CSS](https://www.altova.com/pt/xmlspy/css-editor.html) imediatamente, numa página HTML relacionada.
[](http://lh5.ggpht.com/-BWRgsCJ-TCo/TwIaiLS6kRI/AAAAAAAAAIs/yDO9PQ9OFWY/s1600-h/clip_image008%25255B3%25255D.png)
### 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.