# HTML editor

> Mediated Wiki article. Canonical URL: https://mediated.wiki/source/HTML_editor
> Markdown URL: https://mediated.wiki/source/HTML_editor.md
> Source: https://en.wikipedia.org/wiki/HTML_editor
> Source revision: 1347251329
> License: Creative Commons Attribution-ShareAlike 4.0 International (https://creativecommons.org/licenses/by-sa/4.0/)

Software for editing HTML

This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these messages) This article may contain original research. Please improve it by verifying the claims made and adding inline citations. Statements consisting only of original research should be removed. (April 2024) (Learn how and when to remove this message) This article includes a list of general references, but it lacks sufficient corresponding inline citations. Please help to improve this article by introducing more precise citations. (April 2024) (Learn how and when to remove this message) This article needs more citations. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. Find sources: "HTML editor" – news · newspapers · books · scholar · JSTOR (August 2019) (Learn how and when to remove this message) (Learn how and when to remove this message)

HTML HTML and variants Dynamic HTML HTML5 XHTML Basic Mobile Profile HTML elements and attributes HTML element article audio blink canvas div and span marquee meta video HTML attribute alt attribute HTML frame Editing HTML editor Text editor Character encodings and language Character encodings Character entity references (named characters) Unicode Language code Document and browser models Document Object Model Browser Object Model Style sheets CSS Font family Web colors Client-side scripting and APIs JavaScript WebCL HTMX Graphics and Web3D technology Web3D WebGL WebGPU WebXR W3C Validator WHATWG Quirks mode Web storage Rendering engine Comparisons Document markup languages Comparison of browser engines v t e

An **HTML editor** is a program used for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience, added functionality, and organisation. For example, many HTML editors handle not only HTML, but also related technologies such as CSS, [JavaScript](/source/JavaScript), or [ECMAScript](/source/ECMAScript). In some cases, they also manage communication with remote web servers via FTP and WebDAV, and version control systems such as Subversion or Git. Many word processing, graphic design, and page layout programs that are not dedicated to [web design](/source/Web_design), such as Microsoft Word or QuarkXPress, also have the ability to edit & export HTML documents.[1]

## Text editors

[Text editors](/source/Text_editors) intended for use with HTML usually provide at least [syntax highlighting](/source/Syntax_highlighting). Some editors additionally feature [templates](/source/Template_(file_format)), [toolbars](/source/Toolbar), and [keyboard shortcuts](/source/Keyboard_shortcut) to quickly insert common [HTML elements](/source/HTML_element) and structures. [Wizards](/source/Wizard_(software)), [tooltip](/source/Tooltip) prompts, and [autocompletion](/source/Autocomplete) may help with common tasks.

Text editors commonly used for HTML typically include either built-in functions or integration with external tools for such tasks as [version control](/source/Version_control), link-checking and [validation](/source/Validator), [code cleanup and formatting](https://en.wikipedia.org/w/index.php?title=HTML_Tidy&action=edit&redlink=1), spell-checking, uploading by FTP or WebDAV, and structuring as a project. Some functions, such as link checking or validation, may use [online tools](/source/Web_app), requiring a network connection.

Text editors require user understanding of HTML and any other web technologies the designer wishes to use, like CSS, JavaScript and [server-side scripting](/source/Server-side_scripting) languages.

To ease this requirement, some editors allow editing of the markup in more [visually organized](/source/Graphic_organizer) modes than simple color highlighting, but in modes not considered WYSIWYG. These editors typically include the option of using [palette windows](/source/Palette_window) or [dialog boxes](/source/Dialog_box) to edit the text-based parameters of selected [objects](/source/Object_(computer_science)). These palettes allow editing parameters in individual fields, or inserting new tags by filling out an onscreen form, and may include additional [widgets](/source/Widget_(computing)) to present and select options when editing parameters (such as previewing an image or text styles) or an outline editor to expand and collapse HTML objects and properties.

## WYSIWYG HTML editors

[Amaya](/source/Amaya_(web_browser)) 10 HTML editor

WYSIWYG HTML editors provide an editing interface that resembles how the page will be displayed in a [web browser](/source/Web_browser). Because using a WYSIWYG editor may not require any HTML knowledge, they are often easier for an inexperienced computer user to get started with.

The WYSIWYG view is achieved by embedding a [layout engine](/source/Browser_engine). This may be custom-written or based on one used in a web browser. The goal is that, at all times during editing, the [rendered](/source/Rendering_(computer_graphics)) result should represent what will be seen later in a typical web browser.[2]

[WYSIWYM](/source/WYSIWYM) (*what you see is what you mean*) is an alternative paradigm to WYSIWYG editors. Instead of focusing on the format or presentation of the document, it preserves the intended meaning of each element. For example, page headers, sections, paragraphs, etc., are labeled as such in the editing program and displayed appropriately in the browser.[*[citation needed](https://en.wikipedia.org/wiki/Wikipedia:Citation_needed)*]

### Difficulties in achieving WYSIWYG

This section may require cleanup to meet Wikipedia's quality standards. The specific problem is: Appears to be a list and does not hold up to the encyclopedic tone. Please help improve this section if you can. (October 2025) (Learn how and when to remove this message)

A given HTML document will have an inconsistent appearance on various [platforms](/source/Computing_platform) and computers for several reasons:

**Different browsers and applications will render the same markup differently.**
- The same page may display slightly differently, for example, in [Chrome](/source/Google_Chrome), [Safari](/source/Safari_(web_browser)), [Edge](/source/Microsoft_Edge), [Internet Explorer](/source/Internet_Explorer) and [Firefox](/source/Firefox) on a high-resolution screen, but it will look very different in the perfectly valid text-only [Lynx](/source/Lynx_(browser)) browser. It needs to be rendered differently again on a [PDA](/source/Personal_digital_assistant), an [internet-enabled television](/source/Digital_television), and on a [mobile phone](/source/Mobile_phone). Usability in a [speech](/source/Voice_browser) or [braille](/source/Braille) browser, or via a [screen-reader](/source/Screen_reader) working with a conventional browser, will place demands on entirely different[*[clarification needed](https://en.wikipedia.org/wiki/Wikipedia:Please_clarify)*] aspects of the underlying HTML. All an author can do is suggest an appearance.

**Web browsers, like all computer software, have [bugs](/source/Computer_bug).**
- They may not conform to current [standards](/source/Web_standards). It is hopeless to try to design Web pages around all of the common browsers' current bugs: each time a new version of each browser comes out, a significant proportion of the [World Wide Web](/source/World_Wide_Web) would need re-coding to suit the new bugs and the new fixes. It is generally considered much wiser to design to standards, staying away from 'bleeding edge' features until they settle down, and then wait for the browser developers to catch up to your pages, rather than the other way round.[3] For instance, no one can argue that CSS is still 'cutting edge' as there is now widespread support available in common browsers for all the major features,[4] even if many WYSIWYG and other editors have not yet entirely caught up.[5]

**A single visual style can represent multiple semantic meanings**
- Semantic meaning, derived from the underlying structure of the HTML document, is important for search engines and also for various accessibility tools. On paper, we can tell from context and experience whether bold text represents a title, emphasis, or something else. But it is very difficult to convey this distinction in a WYSIWYG editor. Simply making a piece of text bold in a WYSIWYG editor is not sufficient to tell the reader *why* the text is bold – what the boldness represents semantically.

**Modern websites are rarely constructed in a way that makes WYSIWYG useful**
- Modern websites typically use a [content management system](/source/Content_management_system) or some other [template processor](/source/Template_processor)-based means of constructing pages on the fly using content stored in a database. Individual pages are never stored in a filesystem as they may be designed and edited in a WYSIWYG editor, thus some form of abstracted template-based layout is inevitable, invalidating one of the main benefits of using a WYSIWYG editor.

## Valid HTML markup

HTML is a structured [markup language](/source/Markup_language). There are certain rules on how HTML must be written if it is to conform to [W3C](/source/W3C) standards for the World Wide Web. Following these rules means that web sites are accessible on all types and makes of computer, to able-bodied and people with disabilities, and also on [wireless](/source/Wireless) devices like mobile phones and PDAs, with their limited bandwidths and screen sizes. However, most HTML documents on the web do not meet the requirements of W3C standards. In a study conducted in 2011 on the 350 most popular web sites (selected by the Alexa index), 94 percent of websites fail the web standards markup and style sheet validation tests, or apply character encoding improperly. Even those syntactically correct documents may be inefficient due to an unnecessary use of repetition, or based upon rules that have been [deprecated](/source/Deprecation) for some years. Current W3C recommendations on the use of CSS with HTML were first formalised by W3C in 1996[6] and have been revised and refined since then.[7][8]

These guidelines emphasise the separation of content (HTML or XHTML) from style (CSS). This has the benefit of delivering the style information once for a whole site, not repeated in each page or HTML element. This poses a challenge for WYSIWYG editor designers who have been struggling ever since with how best to present these concepts to their users without exposing them to the underlying reality.

Valid markup is more likely to be rendered consistently and accessibly across different browsers and devices. Validation tools such as the [W3C HTML Validator](http://validator.w3.org/) and [W3C CSS Validator](http://jigsaw.w3.org/css-validator/) allow authors to check for syntactical and other errors in their HTML markup.[9]

In some countries, [accessibility](/source/Accessibility) of web pages by those with physical, eyesight or other disabilities is mandated by law. The United States's [Americans with Disabilities Act](/source/Americans_with_Disabilities_Act) and the United Kingdom's [Disability Discrimination Act](/source/Disability_Discrimination_Act) require this for websites operated by publicly funded organizations.[9] [Making pages accessible](/source/Web_Content_Accessibility_Guidelines) is more complex than just making them valid; that is a prerequisite but there are many other factors to be considered.[10] Good web design, whether done using a WYSIWYG tool or not needs to take account of these too.

Whatever software tools are used to design, create and maintain web pages, the quality of the underlying HTML is dependent on the skill of the person who works on the page. Some knowledge of HTML, CSS and other scripting languages as well as a familiarity with the current W3C recommendations in these areas will help any designer produce better web pages, with a WYSIWYG HTML editor and without.[11]

## See also

- [Comparison of HTML editors](/source/Comparison_of_HTML_editors)

- [List of HTML editors](/source/List_of_HTML_editors)

- [Web template system](/source/Web_template_system)

- [Website builder](/source/Website_builder)

- [Visual editor](/source/Visual_editor)

- [Validator](/source/Validator)

## References

1. **[^](#cite_ref-1)** ["How to create and edit an HTML document with Microsoft Word 2002"](https://support.microsoft.com/en-us/topic/how-to-create-and-edit-an-html-document-with-microsoft-word-2002-a758a850-c33c-5535-ab1c-71fbea348cfb). *Microsoft Support*. Retrieved 27 October 2025.

1. **[^](#cite_ref-2)** ["Rendering Engines Used By Different Web Browsers"](https://www.geeksforgeeks.org/websites-apps/rendering-engines-used-by-different-web-browsers/). *GeeksforGeeks*. 7 December 2023. Retrieved 27 October 2025.

1. **[^](#cite_ref-3)** Bos, Bert (6 March 2003). ["An essay on W3C's design principles"](http://www.w3.org/People/Bos/DesignGuide/designguide.html). W3C. Retrieved 23 October 2013.

1. **[^](#cite_ref-4)** ["Cascading Style Sheets"](http://www.w3.org/Style/CSS/#browsers). W3C. Retrieved 23 October 2013.

1. **[^](#cite_ref-5)** ["Cascading Style Sheets"](http://www.w3.org/Style/CSS/#editors). W3C. Retrieved 23 October 2013.

1. **[^](#cite_ref-6)** Håkon Wium Lie; Bert Bos. ["Cascading Style Sheets, level 1"](http://www.w3.org/TR/CSS1). W3C. Retrieved 23 October 2013.

1. **[^](#cite_ref-7)** ["Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification"](http://www.w3.org/TR/CSS21/). *W3C*.

1. **[^](#cite_ref-8)** ["XHTML™ 1.1 - Module-based XHTML - Second Edition"](http://www.w3.org/TR/xhtml11/). *W3C*.

1. ^ [***a***](#cite_ref-RefactoringHtml_9-0) [***b***](#cite_ref-RefactoringHtml_9-1) Harold, Elliotte Rusty (2008). *Refactoring HTML*. Boston: Addison Wesley. [ISBN](/source/ISBN_(identifier)) [978-0-321-50363-3](https://en.wikipedia.org/wiki/Special:BookSources/978-0-321-50363-3).

1. **[^](#cite_ref-10)** ["Web Content Accessibility Guidelines (WCAG) 2.0"](http://www.w3.org/TR/WCAG20/). W3C. 2008. Retrieved 23 October 2013.

1. **[^](#cite_ref-11)** ["Dave Raggett's Introduction to HTML"](http://www.w3.org/MarkUp/Guide/). W3C. 24 May 2005. Retrieved 23 October 2013.

v t e HTML editors Web design Open-source Aptana Eclipse Emacs Kakoune Komodo Edit Komodo IDE Neovim NetBeans TextMate Vim CodeMirror-based Brackets Light Table Mozilla Composer-based BlueGriffon SeaMonkey Composer Scintilla-based Geany Notepad++ SciTE Web-based Ace CKEditor CodeMirror ContentTools Kupu Quill Editor TinyMCE VisualEditor WYMeditor YUI Rich Text Editor Freeware Visual Studio Code FirstPage Google Web Designer Visual Studio Community Visual Studio Express PSPad RJ TextEd TED Notepad TextWrangler Commercial software Cross-platform Adobe Dreamweaver Oxygen XML Editor PhpStorm Sublime Text UltraEdit macOS only BBEdit Freeway PageSpinner Smultron Windows only Codelobster CoffeeCup HTML Editor EmEditor Visual Studio Multi-Edit TextPad Xara Web Designer Discontinued AOLpress Adobe Contribute Adobe GoLive Adobe PageMill Adobe Muse Amaya Arena Atom Home Page Coda ConTEXT EZGenerator Frame-IT! gPHPedit HoTMetaL HotDog iWeb KompoZer HomeSite Microsoft Expression Web Microsoft FrontPage Microsoft SharePoint Designer Microsoft WebMatrix Mozilla Composer NetObjects Fusion Netscape Composer Nvu PHPEdit tkWWW Nexus (WorldWideWeb) Maqetta Helper tools CSS HTML Validator FrameGang Pandoc Category Comparison List

Authority control databases: National Czech Republic Israel

---
Adapted from the Wikipedia article [HTML editor](https://en.wikipedia.org/wiki/HTML_editor) by Wikipedia contributors ([contributor history](https://en.wikipedia.org/wiki/HTML_editor?action=history)). Available under [Creative Commons Attribution-ShareAlike 4.0 International](https://creativecommons.org/licenses/by-sa/4.0/). Changes may have been made.