Der XML-Editor unterstützt HTML5 und CSS3

Die Web-Tools des Altova MissionKit wurden mit unserer neuesten Version 2012 einer wichtigen Aktualisierung unterzogen Veröffentlichung: Unterstützung für HTML5 und CSS3. Sie finden aktualisierte Unterstützung, die die neuesten Versionen dieser Webstandards umfasst, sowohl in XMLSpy 2012 (und höher) für die Codebearbeitung als auch in StyleVision 2012 für die grafische Gestaltung von Stylesheets und Berichten.

Konzentrieren wir uns hier auf die HTML5- und CSS3-Editoren in XMLSpy – die Funktionen von StyleVision werden in einem zukünftigen Artikel behandelt.

HTML5-Editor

XMLSpy unterstützt seit langem die Bearbeitung von HTML4 und natürlich auch XHTML – und jetzt erstrecken sich diese intelligenten Funktionen zur Codebearbeitung auch auf HTML5.

Wenn Sie bereits XMLSpy-Nutzer sind, werden Sie sofort die hilfreiche Syntaxhervorhebung, die Quellcode-Faltung und die Zeilennummerierung im erweiterten Texteditor erkennen, wenn Sie Ihre HTML5-Datei zum Bearbeiten öffnen. Während Sie tippen, werden Ihnen gültige HTML5-Elemente und -Attribute in einem Dropdown-Menü sowie in statischen Eingabehilfen angezeigt, sodass Sie den Code in Ihrem bevorzugten Arbeitsstil vervollständigen können. Gleichzeitig unterstützt die automatische Codevervollständigung Sie dabei, schneller zu arbeiten, und stellt sicher, dass Elemente korrekt geschlossen werden.

Diese intelligenten Bearbeitungsfunktionen gelten für die HTML-Version, mit der Sie arbeiten. Wenn Sie ein bestehendes HTML5-Dokument öffnen oder eine neue Datei von Grund auf erstellen, stehen alle HTML5-Elemente und -Attribute sofort in den Hilfefenstern und in den Dropdown-Menüs zur Verfügung.

XMLSpy enthält eine integrierte Browseransicht, mit der Sie die Ergebnisse Ihrer HTML5-Programmierung sofort sehen können. Die Browseransicht rendert Ihre Seite mithilfe Ihrer installierten Version von Internet Explorer direkt in XMLSpy…

...aber ermöglicht es Ihnen auch, Ihre HTML5-Webseite sofort in einer Instanz eines beliebigen Browsers anzuzeigen, den Sie auf Ihrem Computer installiert haben.

Dies ermöglicht eine schnelle Überprüfung und Fehlerbehebung, um die Kompatibilität mit verschiedenen Browsern sicherzustellen. Um einen Eindruck davon zu bekommen, wie einige der neuen HTML5-Funktionen in der Praxis aussehen, können Sie das einfache HTML5-Beispiel dokument, das im Ordner "XMLSpy 2012 Beispiele" enthalten ist und vom Beispielprojekt verlinkt wird, ansehen. Um mehr über HTML zu erfahren, gibt es viele ausgezeichnete Ressourcen im Internet, darunter http://www.w3.org/TR/html5/.

CSS3-Editor

In enger Zusammenarbeit mit der HTML5-Editor ist XMLSpy CSS3-Editor, das auch Syntax-Hervorhebung und Hilfestellungen für die Eingabe bietet, sowie Lesezeichen und die Möglichkeit, Codeblöcke im Texteditor einzublenden und auszublenden.

Ein CSS-Überblicksfenster zeigt eine Übersicht des Dokuments, geordnet nach den Selektoren, die in Gruppen aufgelistet sind. Jede Gruppe kann zusammengeklappt und erweitert werden, und das Anklicken eines Selektors im CSS-Überblick hebt diesen im Dokument hervor. Hilfen zur Eingabe von CSS-Eigenschaften und HTML-Elementen werden ebenfalls in Fenstern sowie in kontextabhängigen Dropdown-Menüs angezeigt. XMLSpy bietet sogar Bildschirmhinweise, die eine Definition jeder Eigenschaft und ihrer möglichen Werte anzeigen, während Sie tippen.

Sie können hier auch die integrierte Browseransicht von XMLSpy nutzen, um die Ergebnisse Ihrer CSS-Änderungen sofort in einer verknüpften HTML-Seite anzuzeigen.

Warum XMLSpy für HTML?

Selbstverständlich ist XMLSpy bekannt für alles rund um XML, aber es ist auch eine ausgezeichnete Wahl für die Entwicklung von HTML. Die Bearbeitung von HTML5 und CSS3 in XMLSpy wird durch die Unterstützung verwandter Technologien wie XML, XSLT, WSDL und anderer erleichtert, sowie durch integrierte Projektmanagementfunktionen, Unterstützung für gängige Versionskontrollsysteme und die Integration mit Microsoft® SharePoint® Server – wodurch Ihnen alle Werkzeuge zur Verfügung stehen, die Sie benötigen, um die nächste Generation von Websites und Anwendungen zu entwickeln.

Wir würden gerne erfahren, wie Sie HTML5 derzeit einsetzen. Bitte schreiben Sie uns eine Nachricht und hinterlassen Sie einen Kommentar unten.