EIN HTML-Editor ist eine Software zum Bearbeiten und Erstellen von HTML-Code, der für Websites oder andere Webdokumente verwendet wird. Mit textbasierten HTML-Editoren kann der Quellcode direkt bearbeitet werden. WYSIWYG-Editoren zeigen das zu bearbeitende Dokument genauso an, wie es später im Browser angezeigt wird. HTML-Editoren sind oft Teil eines integrierte Entwicklungsumgebung.
Wie funktioniert es
Ein HTML-Editor ist ein einfaches textbasiertes Computerprogramm. Ein erfahrener Programmierer kann auch einen Texteditor verwenden, um HTML-Code zu schreiben.
HTML-Editoren unterscheiden sich jedoch von reinen Texteditoren darin, dass sie in eine Entwicklungsumgebung integriert sind oder viele zusätzliche Funktionen bieten:
- Automatische Erkennung von HTML-Tags.
- Syntaxfehlererkennung.
- Autocomplete-Funktion.
- Verknüpfungen für allgemeine Tags.
- Weit verbreitet für PHP.
- Bearbeiten von HTML-Code direkt im Design eines Webdokuments (WYSIWYG-Editoren).
Typen
Es können zwei verschiedene Typen unterschieden werden: textbasierte HTML-Editoren und WYSIWYG-Editoren.
Textbasierte HTML-Editoren
Der Formateditor setzt voraus, dass Sie mit HTML vertraut sind und wissen, wie man seine Tags verwendet. Gute textbasierte Editoren enthalten auch eine Korrekturfunktion, die Syntaxfehler in Farbe hervorhebt. Einige Programme können auch mit einer Autovervollständigungsfunktion verwendet werden.
WYSIWYG-Editoren
Ein WYSIWYG-Editor eignet sich auch für Benutzer ohne HTML-Kenntnisse. Das Akronym "WYSIWYG" steht für "Was Sie sehen, ist was Sie bekommen" und drückt genau aus, was ein HTML-Editor tut. Damit können Sie den HTML-Code im Design des jeweiligen Webportals bearbeiten. Der Editor konvertiert alle Eingaben direkt in HTML oder CSS. Die Funktionen ähneln denen der beliebtesten Programme. Änderungen an Text oder Bildern sind unmittelbar nach der Bearbeitung sichtbar. WYSIWYG-Editoren werden beispielsweise für CMS- und Blogging-Systeme wie WordPress oder Joomla verwendet.
Kostenlose HTML-Editoren
Eine große Anzahl von HTML-Editoren steht im Internet zum Download zur Verfügung. Die kostenlosen Programme sind den kostenpflichtigen Versionen in Bezug auf ihre Grundfunktionen nicht unterlegen.
- Netbeans: Der kostenlose HTML-Editor von Netbeans funktioniert in einer IDE (integrierte Entwicklungsumgebung). Es ist für Windows, iOS und Linux aktiviert und unterstützt auch HTML5. Die automatische Fehlerkorrektur hilft, Fehler zu vermeiden.
- Editor ++- Schlanker und einfacher HTML-Editor mit Syntaxhervorhebung und Autocomplete-Funktion. Gleichzeitig können mehrere Dokumente auf mehreren Registerkarten bearbeitet werden.
- Phase 5: Ein ordentlicher HTML-Editor, der zahlreiche sehr coole und praktische Funktionen wie Syntaxhervorhebung und ein Überprüfungsgerät bietet. Gleichzeitig kann der Code auch in eine Browseransicht geladen werden. Dieser Editor ist kostenlos für zu Hause, in der Schule und im Büro. Es ist nur für Windows aktiviert.
- NVU / KompoZer: Die NVU ist ein WYSIWYG-Editor, der sich besonders zum Erstellen von Websites eignet. Mit einem integrierten FTP-Uploader können Sie die erstellte HTML-Seite direkt ins Internet hochladen. Ein direkter Nachkomme derselben Funktion ist KompoZer. Beide Programme können mit Windows, Linux und iOS verwendet werden.
- Google Web Designer: Diese kostenlose Software von Google bietet volle Funktionalität und eignet sich auch für das vollständige Website-Design. Es kann sowohl im WYSIWYG-Modus als auch in der Codeansicht für HTML, CSS, JavaScript oder XML verwendet werden. Gleichzeitig unterstützt Google Web Designer das Einfügen von 3D- und HTML 5-Objekten. Es ist mit Windows und iOS kompatibel.
- Amaya: Der kostenlose HTML-Editor von W3C ist besonders bemerkenswert, da er Standards enthält, die sich noch in der Entwicklung befinden. Aus diesem Grund eignet sich Amaya für neue Software-Demos.
- Hex-Editor: Dieser HTML-Editor ist für Profis gedacht, die den Steuercode im Hexadezimalsystem gleichzeitig mit dem HTML-Code bearbeiten möchten.
- Microsoft Expression Web: Diese riesige Microsoft-Software ermöglicht die Erstellung vollständiger Webseiten. Sie können die Schriftartansicht oder einen WYSIWYG-Editor auswählen. Eine intelligente Proofing-Funktion für HTML und PHP ist integriert.
Bezahlte HTML-Editoren
Bezahlte HTML-Editoren sind häufig Teil einer vollständigen Entwicklungsumgebung für neue Websites und werden von professionellen Webdesignern verwendet.
- Adobe Dreamweaver: Dieser Editor ist eines der beliebtesten Programme für professionelle Benutzer.
- Corel Draw - Grafiksuite: Graphics Suite Corel entspricht Adobe Dreamweaver und ist ein leistungsstarkes Programm für Webdesigner und Entwickler.
- RapidWeaver: Dieser Editor ist sowohl für iOS als auch für Bastler geeignet.
Relevanz für SEO
HTML-Editoren sind wichtige Werkzeuge zur Optimierung einer Seite. Zum einen können Fehler im Quellcode erkannt und korrigiert werden. Programmierfehler können zur Abwertung einer Website durch eine Suchmaschine führen.
Andererseits helfen Editoren auch dabei, den Quellcode optimal zu nutzen, um die Ladezeit eines Webportals zu verkürzen. Denn je schlanker der Code, desto besser können Suchmaschinen-Bots crawlen. Daher erreichen Crawler mehr Dokumente in der internen Linkstruktur.
WYSIWYG-Editoren haben den zusätzlichen Vorteil, dass der Benutzer sofort sehen kann, wie sich Änderungen am Code auf das endgültige Dokument auswirken. Daher helfen HTML-Editoren auch dabei, die Benutzerfreundlichkeit einer Webseite zu maximieren, beispielsweise wenn Bilder oder Schaltflächen mit Handlungsaufforderungen nach einer Webanalyse verschoben werden müssen, um die Klickrate der Seite zu erhöhen.