L'éditeur XML prend en charge les normes HTML5 et CSS3

Les outils web de la suite Altova MissionKit ont bénéficié d'une importante mise à jour avec notre dernière version, la version 2012 libération: Prise en charge de HTML5 et CSS3. Vous trouverez une prise en charge actualisée, incluant les versions les plus récentes de ces normes web, tant dans XMLSpy 2012 (et versions ultérieures) pour l'édition de code que dans StyleVision 2012 pour la conception graphique de feuilles de style et de rapports.

Concentrons-nous ici sur les éditeurs HTML5 et CSS3 intégrés à XMLSpy. Les fonctionnalités de StyleVision seront abordées dans un article ultérieur.

Éditeur HTML5

XMLSpy prend en charge depuis longtemps la modification du HTML4 et, bien sûr, du XHTML, et désormais, ces fonctionnalités de codage intelligentes s'étendent également au HTML5.

Si vous êtes déjà utilisateur de XMLSpy, vous reconnaîtrez immédiatement les fonctionnalités utiles de coloration syntaxique, de pliage du code source et de numérotation des lignes dans la vue de texte avancée lorsque vous ouvrez votre fichier HTML5 pour le modifier. Au fur et à mesure que vous tapez, vous avez accès à des options valides pour les éléments et les attributs HTML5 dans un menu déroulant, ainsi que dans des fenêtres d'aide statiques, ce qui vous permet de compléter le code selon votre style de travail préféré. Parallèlement, la complétion automatique du code vous aide à travailler plus rapidement tout en garantissant que les éléments sont correctement fermés.

Ces fonctionnalités d'édition intelligentes s'appliquent à la version de HTML que vous utilisez. Que vous ouvriez un document HTML5 existant ou que vous commenciez un nouveau fichier, tous les éléments et attributs HTML5 sont immédiatement disponibles dans les fenêtres d'aide et les menus déroulants.

XMLSpy intègre une fonctionnalité de visualisation intégrée qui vous permet de voir immédiatement les résultats de votre codage HTML5. La fonctionnalité de visualisation affiche votre page en utilisant votre installation d'Internet Explorer, directement dans XMLSpy

... mais vous permet également de visualiser immédiatement votre page web HTML5 dans n'importe quel navigateur installé sur votre ordinateur.

Cela permet de réaliser des tests et des corrections rapides afin de garantir la compatibilité avec différents navigateurs.

Pour vous faire une idée de l'apparence de certaines des nouvelles fonctionnalités HTML5, consultez le simple document exemple HTML5 fourni dans le dossier "Exemples" de XMLSpy 2012, auquel vous pouvez accéder depuis le projet "Exemple". Pour en savoir plus sur HTML, de nombreuses ressources excellentes sont disponibles sur le Web, notamment http://www.w3.org/TR/html5/.

Éditeur CSS3

L'éditeur XMLSpy, qui fonctionne en étroite collaboration avec l'éditeur HTML5, propose également un éditeur CSS3, qui offre également la coloration syntaxique et des outils d'aide à la saisie, ainsi que des fonctions de marquage et de pliage du code dans la vue texte.

Une fenêtre "Aperçu CSS" affiche une vue d'ensemble du document, organisée par ses sélecteurs, regroupés par catégories. Chaque groupe peut être réduit ou développé, et cliquer sur un sélecteur dans l'aperçu CSS le met en évidence dans le document. Des assistants pour les propriétés CSS et les éléments HTML sont également affichés dans des fenêtres, ainsi que des menus déroulants contextuels. De plus, XMLSpy inclut des infobulles qui fournissent une définition de chaque propriété et de ses valeurs possibles au fur et à mesure que vous tapez.

Vous pouvez également utiliser la vue intégrée du navigateur d'XMLSpy pour visualiser les résultats de vos.. Modifications du CSS immédiatement, dans une page HTML liée.

Pourquoi utiliser XMLSpy pour le HTML ?

Bien sûr, XMLSpy est reconnu pour ses fonctionnalités liées à XML, mais c'est également un excellent choix pour le développement HTML. L'édition de HTML5 et CSS3 dans XMLSpy est facilitée par la prise en charge de technologies connexes, notamment XML, XSLT, WSDL, et d'autres, ainsi que par des fonctionnalités intégrées de gestion de projet, une prise en charge des systèmes de contrôle de version/de code source populaires, et une intégration avec Microsoft® SharePoint® Server, vous offrant ainsi tous les outils nécessaires pour développer la prochaine génération de sites web et d'applications.

Nous serions ravis de savoir comment vous utilisez HTML5 actuellement. N'hésitez pas à nous faire part de vos expériences en laissant un commentaire ci-dessous.