---
title: "De XML-editor ondersteunt HTML5 en CSS3"
date: "2012-01-03"
tags:
- "css3"
- "html-editor"
- "html5"
- "v2012"
- "xmlspy"
description: Ontdek hoe Altova's XMLSpy 2012 de bewerking van HTML5 en CSS3 verbetert met geavanceerde functies zoals syntaxismarkering, codevoltooiing en geïntegreerde browserweergaven.
---
Status: #blog
Tags: #css3 #html-editor #html5 #v2012 #xmlspy
Categories: [Altova](/blog/nl/category/altova.md)
# De XML-editor ondersteunt HTML5 en CSS3
De webtools van Altova MissionKit zijn onlangs voorzien van een belangrijke update met onze versie 2012 [uitgave](https://www.altova.com/nl/whatsnew.html): Ondersteuning voor HTML5 en CSS3 is beschikbaar. U vindt updates die de meest recente versies van deze webstandaarden omvatten, zowel in XMLSpy 2012 (en nieuwere versies) voor codebewerking als in StyleVision 2012 voor grafische opmaak en rapportontwerp.
[](http://lh4.ggpht.com/-jax0JUfDpzg/TwIafF8lrYI/AAAAAAAAAHM/eN08gQzWlbE/s1600-h/clip_image001%25255B3%25255D.png)
Laten we ons hier concentreren op de HTML5- en CSS3-editors in XMLSpy. De functionaliteit van StyleVision zal in een toekomstig artikel worden behandeld.
### HTML5-editor
XMLSpy ondersteunt al lange tijd het [bewerken van HTML4](https://www.altova.com/nl/xmlspy/html-editor.html) en, uiteraard, XHTML – en nu worden die slimme codeerfuncties ook toegepast op [HTML5](https://www.altova.com/nl/xmlspy/html-editor.html).
Als u al een XMLSpy-gebruiker bent, zult u direct de handige syntaxiskleuring, de mogelijkheid om codeblokken in te vouwen en de regelnummers in de geavanceerde tekstweergave herkennen wanneer u uw HTML5-bestand opent voor bewerking. Tijdens het typen krijgt u via een dropdownmenu en in statische invoervelden suggesties voor geldige HTML5-elementen en -attributen, zodat u code kunt invoeren op uw eigen manier. Tegelijkertijd helpt codevoltooiing u sneller te werken, terwijl tegelijkertijd wordt ervoor gezorgd dat elementen correct worden gesloten.
[](http://lh6.ggpht.com/-RgxgBoIMhPw/TwIafmCNstI/AAAAAAAAAHc/D2LIQP-TWZQ/s1600-h/clip_image002%25255B3%25255D.png)
Deze slimme bewerkingsfuncties zijn van toepassing op de versie van HTML waarmee u werkt. Of u nu een bestaand HTML5-document opent of een nieuw bestand vanaf nul aanmaakt, alle HTML5-elementen en -attributen zijn direct beschikbaar in de hulpmiddelenvensters en de dropdownmenu's.
XMLSpy bevat een geïntegreerde browserweergave waarmee u direct de resultaten van uw HTML5-code kunt zien. De browserweergave toont uw pagina met behulp van uw geïnstalleerde versie van Internet Explorer, rechtstreeks in XMLSpy
[](http://lh6.ggpht.com/-0kNO6Tl3YHY/TwIagG5XUSI/AAAAAAAAAHs/6IE-jNjr_08/s1600-h/clip_image004%25255B3%25255D.jpg)
...maar het stelt u er ook in staat om uw [HTML5-webpagina](https://www.altova.com/nl/xmlspy/html-editor.html) direct te bekijken in een instantie van elke browser die u op uw computer heeft geïnstalleerd.
[](http://lh5.ggpht.com/-VSwezP3iNvI/TwIag7aPseI/AAAAAAAAAH8/k2ZG_FSh_EE/s1600-h/clip_image005%25255B3%25255D.gif)
Dit maakt snelle tests en foutopsporing mogelijk om compatibiliteit met verschillende browsers te garanderen.
Om een indruk te krijgen van hoe sommige van de nieuwe HTML5-functies in de praktijk werken, bekijk het eenvoudige HTML5-voorbeeldbestand dat is opgenomen in de map "XMLSpy 2012 Voorbeelden" en dat is gekoppeld aan het voorbeeldproject. Voor meer informatie over HTML zijn er veel uitstekende bronnen beschikbaar op internet, waaronder [http://www.w3.org/TR/html5/](http://www.w3.org/TR/html5/).
### CSS3-editor
Samenwerking met [HTML5-editor](https://www.altova.com/nl/xmlspy/html-editor.html) is XMLSpy [CSS3-editor](https://www.altova.com/nl/xmlspy/css-editor.html), die ook syntaxmarkering en hulpmiddelen voor het invoeren biedt, evenals bookmarkfunctionaliteit en de mogelijkheid om codeblokken in te vouwen in de tekstweergave.
[](http://lh6.ggpht.com/-3bE7my-XCNQ/TwIahUxeFzI/AAAAAAAAAIM/d9Dg6iF9sBk/s1600-h/clip_image006%25255B3%25255D.png)
Een venster met de naam "CSS Overzicht" toont een overzicht van het document, georganiseerd op basis van de selectoren, die in groepen zijn weergegeven. Elke groep kan worden samengevouwen en weer worden uitgevouwen. Door op een selector in het CSS-overzicht te klikken, wordt deze in het document gemarkeerd. Hulpmiddelen voor het weergeven van CSS-eigenschappen en HTML-elementen worden ook in vensters getoond, evenals contextgevoelige dropdown-menu's. Bovendien bevat XMLSpy schermtips die een definitie van elke eigenschap en de mogelijke waarden geven terwijl u typt.
[](http://lh4.ggpht.com/-zNowLSk-LPM/TwIahhG7U1I/AAAAAAAAAIc/CTRfLtZ7D7Y/s1600-h/clip_image007%25255B3%25255D.png)
U kunt hier ook gebruikmaken van de geïntegreerde browserweergave van XMLSpy om de resultaten van uw [wijzigingen in de CSS](https://www.altova.com/nl/xmlspy/css-editor.html) direct te zien in een gekoppelde HTML-pagina.
[](http://lh5.ggpht.com/-BWRgsCJ-TCo/TwIaiLS6kRI/AAAAAAAAAIs/yDO9PQ9OFWY/s1600-h/clip_image008%25255B3%25255D.png)
### Waarom XMLSpy voor HTML?
Natuurlijk, XMLSpy staat bekend om alles wat met XML te maken heeft, maar het is ook een uitstekende keuze voor HTML-ontwikkeling. Het bewerken van HTML5 en CSS3 in XMLSpy wordt vereenvoudigd door ondersteuning voor gerelateerde technologieën, waaronder XML, XSLT, WSDL en andere, evenals geïntegreerde projectmanagementfunctionaliteit, ondersteuning voor populaire versiebeheersystemen en integratie met Microsoft® SharePoint® Server. Dit geeft u alle tools die u nodig heeft om de volgende generatie websites en applicaties te ontwikkelen.
We zijn erg benieuwd hoe u HTML5 momenteel gebruikt. Laat het ons weten door een reactie achter te laten hieronder.