---
title: "Edytor XML obsługuje standardy HTML5 i CSS3"
date: "2012-01-03"
tags:
- "css3"
- "html-editor"
- "html5"
- "v2012"
- "xmlspy"
description: Odkryj, w jaki sposób XMLSpy 2012 firmy Altova ulepsza edycję HTML5 i CSS3 dzięki zaawansowanym funkcjom, takim jak kolorowanie składni, automatyczne uzupełnianie kodu oraz zintegrowane widoki przeglądarki.
---
Status: #blog
Tags: #css3 #html-editor #html5 #v2012 #xmlspy
Categories: [Altova](/blog/pl/category/altova.md)
# Edytor XML obsługuje standardy HTML5 i CSS3
Narzędzia Altova MissionKit Web zostały niedawno zaktualizowane do wersji 2012 [wydanie](https://www.altova.com/pl/whatsnew.html): Obsługa HTML5 i CSS3. Aktualizacje obejmują najnowsze wersje tych standardów internetowych, zarówno w programie XMLSpy 2012 (i nowszych) do edycji kodu, jak i w programie StyleVision 2012 do projektowania graficznych arkuszy stylów i raportów.
[](http://lh4.ggpht.com/-jax0JUfDpzg/TwIafF8lrYI/AAAAAAAAAHM/eN08gQzWlbE/s1600-h/clip_image001%25255B3%25255D.png)
Skupimy się tutaj na edytorach HTML5 i CSS3 w programie XMLSpy – funkcjonalność StyleVision zostanie omówiona w przyszłym artykule.
### Edytor HTML5
XMLSpy od dawna oferuje wsparcie dla [Edycja kodu HTML4](https://www.altova.com/pl/xmlspy/html-editor.html) i oczywiście, XHTML – a teraz te inteligentne funkcje kodowania rozszerzają się również na [HTML5](https://www.altova.com/pl/xmlspy/html-editor.html).
Jeśli już korzystają Państwo z programu XMLSpy, natychmiast zauważą Państwo przydatne funkcje, takie jak kolorowanie składni, możliwość zwijania kodu i numerowanie linii w zaawansowanym trybie edycji tekstu, po otwarciu pliku HTML5 do edycji. Podczas pisania, program prezentuje listę poprawnych elementów i atrybutów HTML5 w menu rozwijanym, a także w pomocniczych oknach, co pozwala na uzupełnianie kodu w preferowany sposób. Jednocześnie, funkcja automatycznego uzupełniania kodu przyspiesza pracę, jednocześnie zapewniając poprawne zamykanie elementów.
[](http://lh6.ggpht.com/-RgxgBoIMhPw/TwIafmCNstI/AAAAAAAAAHc/D2LIQP-TWZQ/s1600-h/clip_image002%25255B3%25255D.png)
Te inteligentne funkcje edycji są dostosowane do wersji HTML, z którą pracujesz. Otwierając istniejący dokument HTML5 lub tworząc nowy plik, wszystkie elementy i atrybuty HTML5 są natychmiast dostępne w oknach pomocniczych oraz w menu rozwijanym.
XMLSpy zawiera zintegrowany widok przeglądarki, który umożliwia natychmiastowe wyświetlanie wyników kodowania HTML5. Widok przeglądarki renderuje stronę za pomocą zainstalowanej wersji przeglądarki Internet Explorer bezpośrednio w programie XMLSpy
[](http://lh6.ggpht.com/-0kNO6Tl3YHY/TwIagG5XUSI/AAAAAAAAAHs/6IE-jNjr_08/s1600-h/clip_image004%25255B3%25255D.jpg)
...ale także umożliwia natychmiastowe przeglądanie Państwa [Strona internetowa w formacie HTML5](https://www.altova.com/pl/xmlspy/html-editor.html) w dowolnej przeglądarce internetowej, którą masz zainstalowaną na swoim komputerze.
[](http://lh5.ggpht.com/-VSwezP3iNvI/TwIag7aPseI/AAAAAAAAAH8/k2ZG_FSh_EE/s1600-h/clip_image005%25255B3%25255D.gif)
To umożliwia szybkie testowanie i debugowanie, co zapewnia kompatybilność z różnymi przeglądarkami.
Aby zobaczyć, jak działają niektóre z nowych funkcji HTML5, zapoznaj się z prostym dokumentem HTML5, który znajduje się w folderze "Przykłady" programu XMLSpy 2012 i jest powiązany z projektem "Przykłady". Aby dowiedzieć się więcej o HTML, istnieje wiele doskonałych zasobów dostępnych w Internecie, w tym [http://www.w3.org/TR/html5/](http://www.w3.org/TR/html5/).
### Edytor CSS3
Ściśle współpracując z [Edytor HTML5](https://www.altova.com/pl/xmlspy/html-editor.html) jest programem XMLSpy [Edytor CSS3](https://www.altova.com/pl/xmlspy/css-editor.html), który oferuje również kolorowanie składni, funkcje ułatwiające wprowadzanie danych, a także możliwość dodawania zakładek oraz składanie kodu źródłowego w widoku tekstu.
[](http://lh6.ggpht.com/-3bE7my-XCNQ/TwIahUxeFzI/AAAAAAAAAIM/d9Dg6iF9sBk/s1600-h/clip_image006%25255B3%25255D.png)
Okno "Zarys CSS" wyświetla strukturę dokumentu, zorganizowaną według selektorów, które są pogrupowane. Każda grupa może być zwijana i rozwijana, a kliknięcie selektora w "Zarysie CSS" powoduje jego wyróżnienie w dokumencie. Okna wyświetlają również pomocniki do wprowadzania właściwości CSS i elementów HTML, a także menu rozwijane z opcjami zależnymi od kontekstu. Dodatkowo, XMLSpy oferuje podpowiedzi wyświetlane na ekranie, które zawierają definicję każdej właściwości oraz jej możliwe wartości podczas wpisywania.
[](http://lh4.ggpht.com/-zNowLSk-LPM/TwIahhG7U1I/AAAAAAAAAIc/CTRfLtZ7D7Y/s1600-h/clip_image007%25255B3%25255D.png)
Można również tutaj skorzystać z wbudowanego przeglądarka XMLSpy, aby zobaczyć wyniki swojej pracy [Edycje stylów CSS](https://www.altova.com/pl/xmlspy/css-editor.html) natychmiast, w osobnym pliku HTML.
[](http://lh5.ggpht.com/-BWRgsCJ-TCo/TwIaiLS6kRI/AAAAAAAAAIs/yDO9PQ9OFWY/s1600-h/clip_image008%25255B3%25255D.png)
### Dlaczego XMLSpy do pracy z HTML?
Oczywiście, XMLSpy jest znany ze swoich możliwości w zakresie XML, ale jest również doskonałym narzędziem do tworzenia stron internetowych. Edycja HTML5 i CSS3 w XMLSpy jest ułatwiana dzięki wsparciu dla pokrewnych technologii, takich jak XML, XSLT, WSDL i inne, a także dzięki zintegrowanym funkcjom zarządzania projektami, wsparciu dla popularnych systemów kontroli wersji i integracji z Microsoft® SharePoint® Server – co daje Państwu wszystkie narzędzia potrzebne do tworzenia nowoczesnych stron internetowych i aplikacji.
Chętnie dowiemy się, jak wykorzystujecie teraz technologię HTML5 – prosimy o podzielenie się swoimi doświadczeniami, pozostawiając komentarz poniżej.