Wikipedia

Examine individual changes

This page allows you to examine the variables generated by the Edit Filter for an individual change.

Variables generated for this change

VariableValue
Edit count of the user (user_editcount)
null
Name of the user account (user_name)
'113.192.47.14'
Type of the user account (user_type)
'ip'
Age of the user account (user_age)
0
Groups (including implicit) the user is in (user_groups)
[ 0 => '*' ]
Whether or not a user is editing through the mobile interface (user_mobile)
true
Whether the user is editing from mobile app (user_app)
false
Page ID (page_id)
165590
Page namespace (page_namespace)
0
Page title without namespace (page_title)
'HTML editor'
Full page title (page_prefixedtitle)
'HTML editor'
Edit protection level of the page (page_restrictions_edit)
[]
Last ten users to contribute to the page (page_recent_contributors)
[ 0 => 'DoctorWhoFan91', 1 => '143.120.100.118', 2 => 'Morteza Mirmojarabian', 3 => 'Cewbot', 4 => 'StreetcarEnjoyer', 5 => 'HJ Mitchell', 6 => 'Psdtohtmlninja', 7 => 'Materialscientist', 8 => '2.50.183.59', 9 => 'Tom.Reding' ]
Page age in seconds (page_age)
693005494
Action (action)
'edit'
Edit summary/reason (summary)
''
Time since last page edit in seconds (page_last_edit_age)
4486166
Old content model (old_content_model)
'wikitext'
New content model (new_content_model)
'wikitext'
Old page wikitext, before the edit (old_wikitext)
'{{Short description|Software for editing HTML}} {{Multiple issues| {{Original research|date=April 2024}} {{More footnotes needed|date=April 2024}} {{more citations needed|date=August 2019}} }} {{Use dmy dates|date=December 2021}} {{Html series}} An '''HTML editor''' is a [[Computer program|program]] used for editing [[HTML]], the [[Markup language|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 [[Cascading Style Sheets|CSS]], [[XML]] and [[JavaScript]] or [[ECMAScript]]. In some cases they also manage communication with remote web servers via [[File Transfer Protocol|FTP]] and [[WebDAV]], and [[version control systems]] such as [[Subversion (software)|Subversion]] or [[Git (software)|Git]]. Many [[word processing]], [[graphic design]] and [[page layout]] programs that are not dedicated to [[web design]], such as [[Microsoft Word]] or [[Quark XPress]], also have the ability to function as HTML editors. ==Types of editors== There are two main varieties of HTML editors: text and [[WYSIWYG]] (what you see is what you get) editors. ===Text editors=== [[Text editors]] intended for use with HTML usually provide at least [[syntax highlighting]]. Some editors additionally feature [[template (file format)|templates]], [[toolbar]]s and [[keyboard shortcut]]s to quickly insert common [[HTML element]]s and structures. [[Wizard (software)|Wizards]], [[tooltip]] prompts and [[Autocomplete|autocompletion]] 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]], link-checking and [[Validator|validation]], [[HTML Tidy|code cleanup and formatting]], spell-checking, uploading by FTP or WebDAV, and structuring as a project. Some functions, such as link checking or validation may use [[web app|online tools]], 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]] languages. To ease this requirement, some editors allow editing of the markup in more [[graphic organizer|visually organized]] modes than simple color highlighting, but in modes not considered WYSIWYG. These editors typically include the option of using [[palette window]]s or [[dialog box]]es to edit the text-based parameters of selected [[Object (computer science)|objects]]. These palettes allow editing parameters in individual fields, or inserting new tags by filling out an onscreen form, and may include additional [[widget (computing)|widgets]] 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=== {{unreferenced section|date=September 2016}} [[Image:W3c amaya 10 fullmode enwiki xfce4therapy.png|thumb|250px|[[Amaya (web browser)|Amaya]] 10 HTML editor]] WYSIWYG HTML editors provide an editing interface which resembles how the page will be displayed in a [[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 [[Browser engine|layout engine]]. This may be custom-written or based upon one used in a web browser. The goal is that, at all times during editing, the [[rendering (computer graphics)|rendered]] result should represent what will be seen later in a typical web browser. [[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. ====Difficulties in achieving WYSIWYG==== A given HTML document will have an inconsistent appearance on various [[Computing platform|platforms]] and computers for several reasons: ;Different browsers and applications will render the same markup differently. :The same page may display slightly differently, by example, in [[Google Chrome|Chrome]], [[Safari (web browser)|Safari]], [[Microsoft Edge|Edge]], [[Internet Explorer]] and [[Firefox]] on a high-resolution screen, but it will look very different in the perfectly valid text-only [[Lynx (browser)|Lynx]] browser. It needs to be rendered differently again on a [[Personal digital assistant|PDA]], an [[Digital television|internet-enabled television]] and on a [[mobile phone]]. Usability in a [[Voice browser|speech]] or [[braille]] browser, or via a [[Screen reader|screen-reader]] working with a conventional browser, will place demands on entirely different{{clarify|date=October 2020}} aspects of the underlying HTML. All an author can do is suggest an appearance. ;Web browsers, like all computer software, have [[computer bug|bugs]] :They may not conform to current [[Web standards|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]] 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.<ref>{{cite web|url=http://www.w3.org/People/Bos/DesignGuide/designguide.html |title=An essay on W3C's design principles |publisher=W3C |access-date=2013-10-23 |date= 6 Mar 2003 |first=Bert |last=Bos}}</ref> 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,<ref>{{cite web|url=http://www.w3.org/Style/CSS/#browsers |title=Cascading Style Sheets |publisher=W3C |access-date=2013-10-23}}</ref> even if many WYSIWYG and other editors have not yet entirely caught up.<ref>{{cite web|url=http://www.w3.org/Style/CSS/#editors |title=Cascading Style Sheets |publisher=W3C |access-date=2013-10-23}}</ref> ;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, or 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 web sites are rarely constructed in a way that makes WYSIWYG useful :Modern web sites typically use a [[content management system]] or some other [[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]]. There are certain rules on how HTML must be written if it is to conform to [[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]] 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 [[Deprecation|deprecated]] for some years. Current W3C recommendations on the use of CSS with HTML were first formalised by W3C in 1996<ref>{{cite web|url=http://www.w3.org/TR/CSS1 |title=Cascading Style Sheets, level 1 |publisher=W3C |access-date=2013-10-23 |author1= Håkon Wium Lie |author2=Bert Bos }}</ref> and have been revised and refined since then.<ref>{{Cite web |title=Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification |url=http://www.w3.org/TR/CSS21/ |website=W3C}}</ref><ref>{{Cite web |title=XHTML™ 1.1 - Module-based XHTML - Second Edition |url=http://www.w3.org/TR/xhtml11/ |website=W3C}}</ref> 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, let alone in each HTML element. WYSIWYG editor designers have been struggling ever since with how best to present these concepts to their users without confusing them by exposing the underlying reality. Modern WYSIWYG editors all succeed in this to some extent, but none of them has succeeded entirely. However a web page was created or edited, WYSIWYG or by hand, in order to be successful among the greatest possible number of readers and viewers, as well as to maintain the 'worldwide' value of the Web itself, first and foremost it should consist of valid markup and code.<ref name="RefactoringHtml">{{cite book |title=Refactoring HTML |last=Harold |first=Elliotte Rusty |year=2008 |publisher=Addison Wesley |___location=Boston |isbn=978-0-321-50363-3 }}</ref> It should not be considered ready for the World Wide Web, until its HTML and CSS syntax have been successfully [[Validator|validated]] using either the free W3C validator services ([http://validator.w3.org/ W3C HTML Validator] and [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]) or some other trustworthy alternatives.<ref name="RefactoringHtml"/> [[Accessibility]] of web pages by those with physical, eyesight or other disabilities is not only a good idea considering the ubiquity and importance of the web in modern society, but is also mandated by law. In the U.S., the [[Americans with Disabilities Act]] and in the UK, the [[Disability Discrimination Act]] place requirement on web sites operated by publicly funded organizations. In many other countries similar laws either already exist or soon will.<ref name="RefactoringHtml"/> [[Web Content Accessibility Guidelines|Making pages accessible]] is more complex than just making them valid; that is a prerequisite but there are many other factors to be considered.<ref>{{cite web|url=http://www.w3.org/TR/WCAG20/|title=Web Content Accessibility Guidelines (WCAG) 2.0|publisher=W3C|year=2008|access-date=2013-10-23}}</ref> 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 [https://jsfeed.io/ HTML editor] and without.<ref>{{cite web|url=http://www.w3.org/MarkUp/Guide/ |title=Dave Raggett's Introduction to HTML |publisher=W3C |date=2005-05-24 |access-date=2013-10-23}}</ref> ==See also== * [[Comparison of HTML editors]] * [[List of HTML editors]] * [[Web template system]] * [[Website builder]] * [[Visual editor]] * [[Validator]] ==References== {{Reflist}} {{HTML editors}} {{Authority control}} {{DEFAULTSORT:Html Editor}} [[Category:HTML editors| ]] [[Category:Web design]]'
New page wikitext, after the edit (new_wikitext)
'Web for school <html>www.darulfurqan<|html> <start> <1head>darulfurqan=atributes<|1head> <body> Section | . | . | . | . | . | <dt>arsal<|dt> ==Types of editors== There are two main varieties of HTML editors: text and [[WYSIWYG]] (what you see is what you get) editors. ===Text editors=== [[Text editors]] intended for use with HTML usually provide at least [[syntax highlighting]]. Some editors additionally feature [[template (file format)|templates]], [[toolbar]]s and [[keyboard shortcut]]s to quickly insert common [[HTML element]]s and structures. [[Wizard (software)|Wizards]], [[tooltip]] prompts and [[Autocomplete|autocompletion]] 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]], link-checking and [[Validator|validation]], [[HTML Tidy|code cleanup and formatting]], spell-checking, uploading by FTP or WebDAV, and structuring as a project. Some functions, such as link checking or validation may use [[web app|online tools]], 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]] languages. To ease this requirement, some editors allow editing of the markup in more [[graphic organizer|visually organized]] modes than simple color highlighting, but in modes not considered WYSIWYG. These editors typically include the option of using [[palette window]]s or [[dialog box]]es to edit the text-based parameters of selected [[Object (computer science)|objects]]. These palettes allow editing parameters in individual fields, or inserting new tags by filling out an onscreen form, and may include additional [[widget (computing)|widgets]] 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=== {{unreferenced section|date=September 2016}} [[Image:W3c amaya 10 fullmode enwiki xfce4therapy.png|thumb|250px|[[Amaya (web browser)|Amaya]] 10 HTML editor]] WYSIWYG HTML editors provide an editing interface which resembles how the page will be displayed in a [[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 [[Browser engine|layout engine]]. This may be custom-written or based upon one used in a web browser. The goal is that, at all times during editing, the [[rendering (computer graphics)|rendered]] result should represent what will be seen later in a typical web browser. [[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. ====Difficulties in achieving WYSIWYG==== A given HTML document will have an inconsistent appearance on various [[Computing platform|platforms]] and computers for several reasons: ;Different browsers and applications will render the same markup differently. :The same page may display slightly differently, by example, in [[Google Chrome|Chrome]], [[Safari (web browser)|Safari]], [[Microsoft Edge|Edge]], [[Internet Explorer]] and [[Firefox]] on a high-resolution screen, but it will look very different in the perfectly valid text-only [[Lynx (browser)|Lynx]] browser. It needs to be rendered differently again on a [[Personal digital assistant|PDA]], an [[Digital television|internet-enabled television]] and on a [[mobile phone]]. Usability in a [[Voice browser|speech]] or [[braille]] browser, or via a [[Screen reader|screen-reader]] working with a conventional browser, will place demands on entirely different{{clarify|date=October 2020}} aspects of the underlying HTML. All an author can do is suggest an appearance. ;Web browsers, like all computer software, have [[computer bug|bugs]] :They may not conform to current [[Web standards|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]] 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.<ref>{{cite web|url=http://www.w3.org/People/Bos/DesignGuide/designguide.html |title=An essay on W3C's design principles |publisher=W3C |access-date=2013-10-23 |date= 6 Mar 2003 |first=Bert |last=Bos}}</ref> 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,<ref>{{cite web|url=http://www.w3.org/Style/CSS/#browsers |title=Cascading Style Sheets |publisher=W3C |access-date=2013-10-23}}</ref> even if many WYSIWYG and other editors have not yet entirely caught up.<ref>{{cite web|url=http://www.w3.org/Style/CSS/#editors |title=Cascading Style Sheets |publisher=W3C |access-date=2013-10-23}}</ref> ;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, or 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 web sites are rarely constructed in a way that makes WYSIWYG useful :Modern web sites typically use a [[content management system]] or some other [[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]]. There are certain rules on how HTML must be written if it is to conform to [[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]] 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 [[Deprecation|deprecated]] for some years. Current W3C recommendations on the use of CSS with HTML were first formalised by W3C in 1996<ref>{{cite web|url=http://www.w3.org/TR/CSS1 |title=Cascading Style Sheets, level 1 |publisher=W3C |access-date=2013-10-23 |author1= Håkon Wium Lie |author2=Bert Bos }}</ref> and have been revised and refined since then.<ref>{{Cite web |title=Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification |url=http://www.w3.org/TR/CSS21/ |website=W3C}}</ref><ref>{{Cite web |title=XHTML™ 1.1 - Module-based XHTML - Second Edition |url=http://www.w3.org/TR/xhtml11/ |website=W3C}}</ref> 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, let alone in each HTML element. WYSIWYG editor designers have been struggling ever since with how best to present these concepts to their users without confusing them by exposing the underlying reality. Modern WYSIWYG editors all succeed in this to some extent, but none of them has succeeded entirely. However a web page was created or edited, WYSIWYG or by hand, in order to be successful among the greatest possible number of readers and viewers, as well as to maintain the 'worldwide' value of the Web itself, first and foremost it should consist of valid markup and code.<ref name="RefactoringHtml">{{cite book |title=Refactoring HTML |last=Harold |first=Elliotte Rusty |year=2008 |publisher=Addison Wesley |___location=Boston |isbn=978-0-321-50363-3 }}</ref> It should not be considered ready for the World Wide Web, until its HTML and CSS syntax have been successfully [[Validator|validated]] using either the free W3C validator services ([http://validator.w3.org/ W3C HTML Validator] and [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]) or some other trustworthy alternatives.<ref name="RefactoringHtml"/> [[Accessibility]] of web pages by those with physical, eyesight or other disabilities is not only a good idea considering the ubiquity and importance of the web in modern society, but is also mandated by law. In the U.S., the [[Americans with Disabilities Act]] and in the UK, the [[Disability Discrimination Act]] place requirement on web sites operated by publicly funded organizations. In many other countries similar laws either already exist or soon will.<ref name="RefactoringHtml"/> [[Web Content Accessibility Guidelines|Making pages accessible]] is more complex than just making them valid; that is a prerequisite but there are many other factors to be considered.<ref>{{cite web|url=http://www.w3.org/TR/WCAG20/|title=Web Content Accessibility Guidelines (WCAG) 2.0|publisher=W3C|year=2008|access-date=2013-10-23}}</ref> 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 [https://jsfeed.io/ HTML editor] and without.<ref>{{cite web|url=http://www.w3.org/MarkUp/Guide/ |title=Dave Raggett's Introduction to HTML |publisher=W3C |date=2005-05-24 |access-date=2013-10-23}}</ref> ==See also== * [[Comparison of HTML editors]] * [[List of HTML editors]] * [[Web template system]] * [[Website builder]] * [[Visual editor]] * [[Validator]] ==References== {{Reflist}} {{HTML editors}} {{Authority control}} {{DEFAULTSORT:Html Editor}} [[Category:HTML editors| ]] [[Category:Web design]]'
Unified diff of changes made by edit (edit_diff)
'@@ -1,11 +1,10 @@ -{{Short description|Software for editing HTML}} -{{Multiple issues| -{{Original research|date=April 2024}} -{{More footnotes needed|date=April 2024}} -{{more citations needed|date=August 2019}} -}} -{{Use dmy dates|date=December 2021}} -{{Html series}} -An '''HTML editor''' is a [[Computer program|program]] used for editing [[HTML]], the [[Markup language|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 [[Cascading Style Sheets|CSS]], [[XML]] and [[JavaScript]] or [[ECMAScript]]. In some cases they also manage communication with remote web servers via [[File Transfer Protocol|FTP]] and [[WebDAV]], and [[version control systems]] such as [[Subversion (software)|Subversion]] or [[Git (software)|Git]]. Many [[word processing]], [[graphic design]] and [[page layout]] programs that are not dedicated to [[web design]], such as [[Microsoft Word]] or [[Quark XPress]], also have the ability to function as HTML editors. +Web for school +<html>www.darulfurqan<|html> +<start> + <1head>darulfurqan=atributes<|1head> +<body> + Section +| . | . | . | . | . | +<dt>arsal<|dt> ==Types of editors== '
New page size (new_size)
11191
Old page size (old_size)
12187
Size change in edit (edit_delta)
-996
Lines added in edit (added_lines)
[ 0 => 'Web for school ', 1 => '<html>www.darulfurqan<|html>', 2 => '<start> ', 3 => ' <1head>darulfurqan=atributes<|1head>', 4 => '<body>', 5 => ' Section', 6 => '| . | . | . | . | . |', 7 => '<dt>arsal<|dt>' ]
Lines removed in edit (removed_lines)
[ 0 => '{{Short description|Software for editing HTML}}', 1 => '{{Multiple issues|', 2 => '{{Original research|date=April 2024}}', 3 => '{{More footnotes needed|date=April 2024}}', 4 => '{{more citations needed|date=August 2019}}', 5 => '}}', 6 => '{{Use dmy dates|date=December 2021}}', 7 => '{{Html series}}', 8 => 'An '''HTML editor''' is a [[Computer program|program]] used for editing [[HTML]], the [[Markup language|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 [[Cascading Style Sheets|CSS]], [[XML]] and [[JavaScript]] or [[ECMAScript]]. In some cases they also manage communication with remote web servers via [[File Transfer Protocol|FTP]] and [[WebDAV]], and [[version control systems]] such as [[Subversion (software)|Subversion]] or [[Git (software)|Git]]. Many [[word processing]], [[graphic design]] and [[page layout]] programs that are not dedicated to [[web design]], such as [[Microsoft Word]] or [[Quark XPress]], also have the ability to function as HTML editors.' ]
External links added in the edit (added_links)
[]
External links removed in the edit (removed_links)
[ 0 => 'https://www.jstor.org/action/doBasicSearch?Query=%22HTML+editor%22&acc=on&wc=on', 1 => 'https://www.google.com/search?as_eq=wikipedia&q=%22HTML+editor%22', 2 => 'https://www.google.com/search?tbm=nws&q=%22HTML+editor%22+-wikipedia&tbs=ar:1', 3 => 'https://www.google.com/search?&q=%22HTML+editor%22&tbs=bkt:s&tbm=bks', 4 => 'https://www.google.com/search?tbs=bks:1&q=%22HTML+editor%22+-wikipedia', 5 => 'https://scholar.google.com/scholar?q=%22HTML+editor%22' ]
External links in the page, before the edit (old_links)
[ 0 => 'http://www.w3.org/Style/CSS/#browsers', 1 => 'http://www.w3.org/Style/CSS/#editors', 2 => 'http://www.w3.org/TR/CSS1', 3 => 'http://www.w3.org/TR/WCAG20/', 4 => 'http://www.w3.org/MarkUp/Guide/', 5 => 'http://validator.w3.org/', 6 => 'http://jigsaw.w3.org/css-validator/', 7 => 'http://www.w3.org/TR/CSS21/', 8 => 'http://www.w3.org/TR/xhtml11/', 9 => 'https://www.jstor.org/action/doBasicSearch?Query=%22HTML+editor%22&acc=on&wc=on', 10 => 'https://jsfeed.io/', 11 => 'https://www.google.com/search?as_eq=wikipedia&q=%22HTML+editor%22', 12 => 'https://www.google.com/search?tbm=nws&q=%22HTML+editor%22+-wikipedia&tbs=ar:1', 13 => 'https://www.google.com/search?&q=%22HTML+editor%22&tbs=bkt:s&tbm=bks', 14 => 'https://www.google.com/search?tbs=bks:1&q=%22HTML+editor%22+-wikipedia', 15 => 'https://scholar.google.com/scholar?q=%22HTML+editor%22', 16 => 'https://www.wikidata.org/wiki/Q726761#identifiers', 17 => 'https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph138722&CON_LNG=ENG', 18 => 'http://www.w3.org/People/Bos/DesignGuide/designguide.html', 19 => 'https://www.nli.org.il/en/authorities/987007558985405171' ]
Parsed HTML source of the new revision (new_html)
'<div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><p>Web for school &lt;html&gt;www.darulfurqan&lt;|html&gt; &lt;start&gt; </p> <pre> &lt;1head&gt;darulfurqan=atributes&lt;|1head&gt; </pre> <p>&lt;body&gt; </p> <pre> Section </pre> <p>| . | . | . | . | . | </p> <dt>arsal&lt;|dt&gt; <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#Types_of_editors"><span class="tocnumber">1</span> <span class="toctext">Types of editors</span></a> <ul> <li class="toclevel-2 tocsection-2"><a href="#Text_editors"><span class="tocnumber">1.1</span> <span class="toctext">Text editors</span></a></li> <li class="toclevel-2 tocsection-3"><a href="#WYSIWYG_HTML_editors"><span class="tocnumber">1.2</span> <span class="toctext">WYSIWYG HTML editors</span></a> <ul> <li class="toclevel-3 tocsection-4"><a href="#Difficulties_in_achieving_WYSIWYG"><span class="tocnumber">1.2.1</span> <span class="toctext">Difficulties in achieving WYSIWYG</span></a></li> </ul> </li> </ul> </li> <li class="toclevel-1 tocsection-5"><a href="#Valid_HTML_markup"><span class="tocnumber">2</span> <span class="toctext">Valid HTML markup</span></a></li> <li class="toclevel-1 tocsection-6"><a href="#See_also"><span class="tocnumber">3</span> <span class="toctext">See also</span></a></li> <li class="toclevel-1 tocsection-7"><a href="#References"><span class="tocnumber">4</span> <span class="toctext">References</span></a></li> </ul> </div> <div class="mw-heading mw-heading2"><h2 id="Types_of_editors">Types of editors</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=1"title="Edit section: Types of editors" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <p>There are two main varieties of HTML editors: text and <a href="/wiki/WYSIWYG" title="WYSIWYG">WYSIWYG</a> (what you see is what you get) editors. </p> <div class="mw-heading mw-heading3"><h3 id="Text_editors">Text editors</h3><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=2"title="Edit section: Text editors" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <p><a href="/wiki/Text_editors" class="mw-redirect" title="Text editors">Text editors</a> intended for use with HTML usually provide at least <a href="/wiki/Syntax_highlighting" title="Syntax highlighting">syntax highlighting</a>. Some editors additionally feature <a href="/wiki/Template_(file_format)" title="Template (file format)">templates</a>, <a href="/wiki/Toolbar" title="Toolbar">toolbars</a> and <a href="/wiki/Keyboard_shortcut" title="Keyboard shortcut">keyboard shortcuts</a> to quickly insert common <a href="/wiki/HTML_element" title="HTML element">HTML elements</a> and structures. <a href="/wiki/Wizard_(software)" title="Wizard (software)">Wizards</a>, <a href="/wiki/Tooltip" title="Tooltip">tooltip</a> prompts and <a href="/wiki/Autocomplete" title="Autocomplete">autocompletion</a> may help with common tasks. </p><p>Text editors commonly used for HTML typically include either built-in functions or integration with external tools for such tasks as <a href="/wiki/Version_control" title="Version control">version control</a>, link-checking and <a href="/wiki/Validator" title="Validator">validation</a>, <a href="/wiki/HTML_Tidy" title="HTML Tidy">code cleanup and formatting</a>, spell-checking, uploading by FTP or WebDAV, and structuring as a project. Some functions, such as link checking or validation may use <a href="/wiki/Web_app" class="mw-redirect" title="Web app">online tools</a>, requiring a network connection. </p><p>Text editors require user understanding of HTML and any other web technologies the designer wishes to use like CSS, JavaScript and <a href="/wiki/Server-side_scripting" title="Server-side scripting">server-side scripting</a> languages. </p><p>To ease this requirement, some editors allow editing of the markup in more <a href="/wiki/Graphic_organizer" title="Graphic organizer">visually organized</a> modes than simple color highlighting, but in modes not considered WYSIWYG. These editors typically include the option of using <a href="/wiki/Palette_window" title="Palette window">palette windows</a> or <a href="/wiki/Dialog_box" title="Dialog box">dialog boxes</a> to edit the text-based parameters of selected <a href="/wiki/Object_(computer_science)" title="Object (computer science)">objects</a>. These palettes allow editing parameters in individual fields, or inserting new tags by filling out an onscreen form, and may include additional <a href="/wiki/Widget_(computing)" class="mw-redirect" title="Widget (computing)">widgets</a> 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. </p> <div class="mw-heading mw-heading3"><h3 id="WYSIWYG_HTML_editors">WYSIWYG HTML editors</h3><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=3"title="Edit section: WYSIWYG HTML editors" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <style data-mw-deduplicate="TemplateStyles:r1251242444">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><table class="box-Unreferenced_section plainlinks metadata ambox ambox-content ambox-Unreferenced" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><a href="/wiki/File:Question_book-new.svg" class="mw-file-description"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/50px-Question_book-new.svg.png" decoding="async" width="50" height="39" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/75px-Question_book-new.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/99/Question_book-new.svg/100px-Question_book-new.svg.png 2x" data-file-width="512" data-file-height="399" /></a></span></div></td><td class="mbox-text"><div class="mbox-text-span">This section <b>does not <a href="/wiki/Wikipedia:Citing_sources" title="Wikipedia:Citing sources">cite</a> any <a href="/wiki/Wikipedia:Verifiability" title="Wikipedia:Verifiability">sources</a></b>.<span class="hide-when-compact"> Please help <a href="/wiki/Special:EditPage/HTML_editor" title="Special:EditPage/HTML editor">improve this section</a> by <a href="/wiki/Help:Referencing_for_beginners" title="Help:Referencing for beginners">adding citations to reliable sources</a>. Unsourced material may be challenged and <a href="/wiki/Wikipedia:Verifiability#Burden_of_evidence" title="Wikipedia:Verifiability">removed</a>.</span> <span class="date-container"><i>(<span class="date">September 2016</span>)</i></span><span class="hide-when-compact"><i> (<small><a href="/wiki/Help:Maintenance_template_removal" title="Help:Maintenance template removal">Learn how and when to remove this message</a></small>)</i></span></div></td></tr></tbody></table> <figure typeof="mw:File/Thumb"><a href="/wiki/File:W3c_amaya_10_fullmode_enwiki_xfce4therapy.png" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1d/W3c_amaya_10_fullmode_enwiki_xfce4therapy.png/250px-W3c_amaya_10_fullmode_enwiki_xfce4therapy.png" decoding="async" width="250" height="188" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1d/W3c_amaya_10_fullmode_enwiki_xfce4therapy.png/375px-W3c_amaya_10_fullmode_enwiki_xfce4therapy.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1d/W3c_amaya_10_fullmode_enwiki_xfce4therapy.png/500px-W3c_amaya_10_fullmode_enwiki_xfce4therapy.png 2x" data-file-width="1024" data-file-height="768" /></a><figcaption><a href="/wiki/Amaya_(web_browser)" class="mw-redirect" title="Amaya (web browser)">Amaya</a> 10 HTML editor</figcaption></figure> <p>WYSIWYG HTML editors provide an editing interface which resembles how the page will be displayed in a <a href="/wiki/Web_browser" title="Web browser">web browser</a>. Because using a WYSIWYG editor may not require any HTML knowledge, they are often easier for an inexperienced computer user to get started with. </p><p>The WYSIWYG view is achieved by embedding a <a href="/wiki/Browser_engine" title="Browser engine">layout engine</a>. This may be custom-written or based upon one used in a web browser. The goal is that, at all times during editing, the <a href="/wiki/Rendering_(computer_graphics)" title="Rendering (computer graphics)">rendered</a> result should represent what will be seen later in a typical web browser. </p><p><a href="/wiki/WYSIWYM" title="WYSIWYM">WYSIWYM</a> (what you see is what you <i>mean</i>) 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. </p> <div class="mw-heading mw-heading4"><h4 id="Difficulties_in_achieving_WYSIWYG">Difficulties in achieving WYSIWYG</h4><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=4"title="Edit section: Difficulties in achieving WYSIWYG" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <p>A given HTML document will have an inconsistent appearance on various <a href="/wiki/Computing_platform" title="Computing platform">platforms</a> and computers for several reasons: </p> <dl><dt>Different browsers and applications will render the same markup differently.</dt> <dd>The same page may display slightly differently, by example, in <a href="/wiki/Google_Chrome" title="Google Chrome">Chrome</a>, <a href="/wiki/Safari_(web_browser)" title="Safari (web browser)">Safari</a>, <a href="/wiki/Microsoft_Edge" title="Microsoft Edge">Edge</a>, <a href="/wiki/Internet_Explorer" title="Internet Explorer">Internet Explorer</a> and <a href="/wiki/Firefox" title="Firefox">Firefox</a> on a high-resolution screen, but it will look very different in the perfectly valid text-only <a href="/wiki/Lynx_(browser)" class="mw-redirect" title="Lynx (browser)">Lynx</a> browser. It needs to be rendered differently again on a <a href="/wiki/Personal_digital_assistant" title="Personal digital assistant">PDA</a>, an <a href="/wiki/Digital_television" title="Digital television">internet-enabled television</a> and on a <a href="/wiki/Mobile_phone" title="Mobile phone">mobile phone</a>. Usability in a <a href="/wiki/Voice_browser" title="Voice browser">speech</a> or <a href="/wiki/Braille" title="Braille">braille</a> browser, or via a <a href="/wiki/Screen_reader" title="Screen reader">screen-reader</a> working with a conventional browser, will place demands on entirely different<sup class="noprint Inline-Template" style="margin-left:0.1em; white-space:nowrap;">&#91;<i><a href="/wiki/Wikipedia:Please_clarify" title="Wikipedia:Please clarify"><span title="The text near this tag may need clarification or removal of jargon. (October 2020)">clarification needed</span></a></i>&#93;</sup> aspects of the underlying HTML. All an author can do is suggest an appearance.</dd> <dt>Web browsers, like all computer software, have <a href="/wiki/Computer_bug" class="mw-redirect" title="Computer bug">bugs</a></dt> <dd>They may not conform to current <a href="/wiki/Web_standards" title="Web standards">standards</a>. 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 <a href="/wiki/World_Wide_Web" title="World Wide Web">World Wide Web</a> 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.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">&#91;</span>1<span class="cite-bracket">&#93;</span></a></sup> 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,<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">&#91;</span>2<span class="cite-bracket">&#93;</span></a></sup> even if many WYSIWYG and other editors have not yet entirely caught up.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">&#91;</span>3<span class="cite-bracket">&#93;</span></a></sup></dd> <dt>A single visual style can represent multiple semantic meanings</dt> <dd>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, or 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.</dd> <dt>Modern web sites are rarely constructed in a way that makes WYSIWYG useful</dt> <dd>Modern web sites typically use a <a href="/wiki/Content_management_system" title="Content management system">content management system</a> or some other <a href="/wiki/Template_processor" title="Template processor">template processor</a>-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.</dd></dl> <div class="mw-heading mw-heading2"><h2 id="Valid_HTML_markup">Valid HTML markup</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=5"title="Edit section: Valid HTML markup" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <p>HTML is a structured <a href="/wiki/Markup_language" title="Markup language">markup language</a>. There are certain rules on how HTML must be written if it is to conform to <a href="/wiki/W3C" class="mw-redirect" title="W3C">W3C</a> 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 <a href="/wiki/Wireless" title="Wireless">wireless</a> 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 <a href="/wiki/Deprecation" title="Deprecation">deprecated</a> for some years. Current W3C recommendations on the use of CSS with HTML were first formalised by W3C in 1996<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">&#91;</span>4<span class="cite-bracket">&#93;</span></a></sup> and have been revised and refined since then.<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite-bracket">&#91;</span>5<span class="cite-bracket">&#93;</span></a></sup><sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite-bracket">&#91;</span>6<span class="cite-bracket">&#93;</span></a></sup> </p><p>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, let alone in each HTML element. WYSIWYG editor designers have been struggling ever since with how best to present these concepts to their users without confusing them by exposing the underlying reality. Modern WYSIWYG editors all succeed in this to some extent, but none of them has succeeded entirely. </p><p>However a web page was created or edited, WYSIWYG or by hand, in order to be successful among the greatest possible number of readers and viewers, as well as to maintain the 'worldwide' value of the Web itself, first and foremost it should consist of valid markup and code.<sup id="cite_ref-RefactoringHtml_7-0" class="reference"><a href="#cite_note-RefactoringHtml-7"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup> It should not be considered ready for the World Wide Web, until its HTML and CSS syntax have been successfully <a href="/wiki/Validator" title="Validator">validated</a> using either the free W3C validator services (<a rel="nofollow" class="external text" href="http://validator.w3.org/">W3C HTML Validator</a> and <a rel="nofollow" class="external text" href="http://jigsaw.w3.org/css-validator/">W3C CSS Validator</a>) or some other trustworthy alternatives.<sup id="cite_ref-RefactoringHtml_7-1" class="reference"><a href="#cite_note-RefactoringHtml-7"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup> </p><p><a href="/wiki/Accessibility" title="Accessibility">Accessibility</a> of web pages by those with physical, eyesight or other disabilities is not only a good idea considering the ubiquity and importance of the web in modern society, but is also mandated by law. In the U.S., the <a href="/wiki/Americans_with_Disabilities_Act" class="mw-redirect" title="Americans with Disabilities Act">Americans with Disabilities Act</a> and in the UK, the <a href="/wiki/Disability_Discrimination_Act" class="mw-redirect" title="Disability Discrimination Act">Disability Discrimination Act</a> place requirement on web sites operated by publicly funded organizations. In many other countries similar laws either already exist or soon will.<sup id="cite_ref-RefactoringHtml_7-2" class="reference"><a href="#cite_note-RefactoringHtml-7"><span class="cite-bracket">&#91;</span>7<span class="cite-bracket">&#93;</span></a></sup> <a href="/wiki/Web_Content_Accessibility_Guidelines" title="Web Content Accessibility Guidelines">Making pages accessible</a> is more complex than just making them valid; that is a prerequisite but there are many other factors to be considered.<sup id="cite_ref-8" class="reference"><a href="#cite_note-8"><span class="cite-bracket">&#91;</span>8<span class="cite-bracket">&#93;</span></a></sup> Good web design, whether done using a WYSIWYG tool or not needs to take account of these too. </p><p>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 <a rel="nofollow" class="external text" href="https://jsfeed.io/">HTML editor</a> and without.<sup id="cite_ref-9" class="reference"><a href="#cite_note-9"><span class="cite-bracket">&#91;</span>9<span class="cite-bracket">&#93;</span></a></sup> </p> <div class="mw-heading mw-heading2"><h2 id="See_also">See also</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=6"title="Edit section: See also" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <ul><li><a href="/wiki/Comparison_of_HTML_editors" title="Comparison of HTML editors">Comparison of HTML editors</a></li> <li><a href="/wiki/List_of_HTML_editors" title="List of HTML editors">List of HTML editors</a></li> <li><a href="/wiki/Web_template_system" title="Web template system">Web template system</a></li> <li><a href="/wiki/Website_builder" title="Website builder">Website builder</a></li> <li><a href="/wiki/Visual_editor" title="Visual editor">Visual editor</a></li> <li><a href="/wiki/Validator" title="Validator">Validator</a></li></ul> <div class="mw-heading mw-heading2"><h2 id="References">References</h2><span class="mw-editsection"> <a role="button" href="/w/index.php?title=HTML_editor&amp;action=edit&amp;section=7"title="Edit section: References" class="cdx-button cdx-button--size-large cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--icon-only cdx-button--weight-quiet "> <span class="minerva-icon minerva-icon--edit"></span> <span>edit</span> </a> </span> </div> <style data-mw-deduplicate="TemplateStyles:r1239543626">.mw-parser-output .reflist{margin-bottom:0.5em;list-style-type:decimal}@media screen{.mw-parser-output .reflist{font-size:90%}}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style><div class="reflist"> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink"><b><a href="#cite_ref-1">^</a></b></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r1238218222">.mw-parser-output cite.citation{font-style:inherit;word-wrap:break-word}.mw-parser-output .citation q{quotes:"\"""\"""'""'"}.mw-parser-output .citation:target{background-color:rgba(0,127,255,0.133)}.mw-parser-output .id-lock-free.id-lock-free a{background:url("//upload.wikimedia.org/wikipedia/commons/6/65/Lock-green.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-limited.id-lock-limited a,.mw-parser-output .id-lock-registration.id-lock-registration a{background:url("//upload.wikimedia.org/wikipedia/commons/d/d6/Lock-gray-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .id-lock-subscription.id-lock-subscription a{background:url("//upload.wikimedia.org/wikipedia/commons/a/aa/Lock-red-alt-2.svg")right 0.1em center/9px no-repeat}.mw-parser-output .cs1-ws-icon a{background:url("//upload.wikimedia.org/wikipedia/commons/4/4c/Wikisource-logo.svg")right 0.1em center/12px no-repeat}body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-free a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-limited a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-registration a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .id-lock-subscription a,body:not(.skin-timeless):not(.skin-minerva) .mw-parser-output .cs1-ws-icon a{background-size:contain;padding:0 1em 0 0}.mw-parser-output .cs1-code{color:inherit;background:inherit;border:none;padding:inherit}.mw-parser-output .cs1-hidden-error{display:none;color:var(--color-error,#d33)}.mw-parser-output .cs1-visible-error{color:var(--color-error,#d33)}.mw-parser-output .cs1-maint{display:none;color:#085;margin-left:0.3em}.mw-parser-output .cs1-kern-left{padding-left:0.2em}.mw-parser-output .cs1-kern-right{padding-right:0.2em}.mw-parser-output .citation .mw-selflink{font-weight:inherit}@media screen{.mw-parser-output .cs1-format{font-size:95%}html.skin-theme-clientpref-night .mw-parser-output .cs1-maint{color:#18911f}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .cs1-maint{color:#18911f}}</style><cite id="CITEREFBos2003" class="citation web cs1">Bos, Bert (6 Mar 2003). <a rel="nofollow" class="external text" href="http://www.w3.org/People/Bos/DesignGuide/designguide.html">"An essay on W3C's design principles"</a>. W3C<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=An+essay+on+W3C%27s+design+principles&amp;rft.pub=W3C&amp;rft.date=2003-03-06&amp;rft.aulast=Bos&amp;rft.aufirst=Bert&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FPeople%2FBos%2FDesignGuide%2Fdesignguide.html&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-2"><span class="mw-cite-backlink"><b><a href="#cite_ref-2">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/Style/CSS/#browsers">"Cascading Style Sheets"</a>. W3C<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Cascading+Style+Sheets&amp;rft.pub=W3C&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2F%23browsers&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-3"><span class="mw-cite-backlink"><b><a href="#cite_ref-3">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/Style/CSS/#editors">"Cascading Style Sheets"</a>. W3C<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Cascading+Style+Sheets&amp;rft.pub=W3C&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FStyle%2FCSS%2F%23editors&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-4"><span class="mw-cite-backlink"><b><a href="#cite_ref-4">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFHåkon_Wium_LieBert_Bos" class="citation web cs1">Håkon Wium Lie; Bert Bos. <a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS1">"Cascading Style Sheets, level 1"</a>. W3C<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Cascading+Style+Sheets%2C+level+1&amp;rft.pub=W3C&amp;rft.au=H%C3%A5kon+Wium+Lie&amp;rft.au=Bert+Bos&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS1&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-5"><span class="mw-cite-backlink"><b><a href="#cite_ref-5">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/CSS21/">"Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification"</a>. <i>W3C</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=Cascading+Style+Sheets+Level+2+Revision+1+%28CSS+2.1%29+Specification&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FCSS21%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-6"><span class="mw-cite-backlink"><b><a href="#cite_ref-6">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/xhtml11/">"XHTML™ 1.1 - Module-based XHTML - Second Edition"</a>. <i>W3C</i>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Ajournal&amp;rft.genre=unknown&amp;rft.jtitle=W3C&amp;rft.atitle=XHTML%E2%84%A2+1.1+-+Module-based+XHTML+-+Second+Edition&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml11%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-RefactoringHtml-7"><span class="mw-cite-backlink">^ <a href="#cite_ref-RefactoringHtml_7-0"><sup><i><b>a</b></i></sup></a> <a href="#cite_ref-RefactoringHtml_7-1"><sup><i><b>b</b></i></sup></a> <a href="#cite_ref-RefactoringHtml_7-2"><sup><i><b>c</b></i></sup></a></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite id="CITEREFHarold2008" class="citation book cs1">Harold, Elliotte Rusty (2008). <i>Refactoring HTML</i>. Boston: Addison Wesley. <a href="/wiki/ISBN_(identifier)" class="mw-redirect" title="ISBN (identifier)">ISBN</a>&#160;<a href="/wiki/Special:BookSources/978-0-321-50363-3" title="Special:BookSources/978-0-321-50363-3"><bdi>978-0-321-50363-3</bdi></a>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=book&amp;rft.btitle=Refactoring+HTML&amp;rft.place=Boston&amp;rft.pub=Addison+Wesley&amp;rft.date=2008&amp;rft.isbn=978-0-321-50363-3&amp;rft.aulast=Harold&amp;rft.aufirst=Elliotte+Rusty&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-8"><span class="mw-cite-backlink"><b><a href="#cite_ref-8">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/TR/WCAG20/">"Web Content Accessibility Guidelines (WCAG) 2.0"</a>. W3C. 2008<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Web+Content+Accessibility+Guidelines+%28WCAG%29+2.0&amp;rft.pub=W3C&amp;rft.date=2008&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FTR%2FWCAG20%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> <li id="cite_note-9"><span class="mw-cite-backlink"><b><a href="#cite_ref-9">^</a></b></span> <span class="reference-text"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1238218222"><cite class="citation web cs1"><a rel="nofollow" class="external text" href="http://www.w3.org/MarkUp/Guide/">"Dave Raggett's Introduction to HTML"</a>. W3C. 2005-05-24<span class="reference-accessdate">. Retrieved <span class="nowrap">2013-10-23</span></span>.</cite><span title="ctx_ver=Z39.88-2004&amp;rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&amp;rft.genre=unknown&amp;rft.btitle=Dave+Raggett%27s+Introduction+to+HTML&amp;rft.pub=W3C&amp;rft.date=2005-05-24&amp;rft_id=http%3A%2F%2Fwww.w3.org%2FMarkUp%2FGuide%2F&amp;rfr_id=info%3Asid%2Fen.wikipedia.org%3AHTML+editor" class="Z3988"></span></span> </li> </ol></div></div> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r1129693374">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r1236075235">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}body.skin--responsive .mw-parser-output .navbox-image img{max-width:none!important}@media print{body.ns-0 .mw-parser-output .navbox{display:none!important}}</style></div><div role="navigation" class="navbox" aria-labelledby="HTML_editors" style="padding:3px"><table class="nowraplinks hlist mw-collapsible autocollapse navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><style data-mw-deduplicate="TemplateStyles:r1239400231">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}html.skin-theme-clientpref-night .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .navbar li a abbr{color:var(--color-base)!important}}@media print{.mw-parser-output .navbar{display:none!important}}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:HTML_editors" title="Template:HTML editors"><abbr title="View this template">v</abbr></a></li><li class="nv-talk"><a href="/wiki/Template_talk:HTML_editors" title="Template talk:HTML editors"><abbr title="Discuss this template">t</abbr></a></li><li class="nv-edit"><a href="/wiki/Special:EditPage/Template:HTML_editors" title="Special:EditPage/Template:HTML editors"><abbr title="Edit this template">e</abbr></a></li></ul></div><div id="HTML_editors" style="font-size:114%;margin:0 4em"><a class="mw-selflink selflink">HTML editors</a></div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><a href="/wiki/Web_design" title="Web design">Web design</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Open-source_software" title="Open-source software">Open-source</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Aptana" title="Aptana">Aptana</a></li> <li><a href="/wiki/Arachnophilia" title="Arachnophilia">Arachnophilia</a></li> <li><a href="/wiki/Eclipse_(software)" title="Eclipse (software)">Eclipse</a></li> <li><a href="/wiki/Emacs" title="Emacs">Emacs</a></li> <li><a href="/wiki/Kakoune" title="Kakoune">Kakoune</a></li> <li><a href="/wiki/Komodo_Edit" title="Komodo Edit">Komodo Edit</a></li> <li><a href="/wiki/Komodo_IDE" title="Komodo IDE">Komodo IDE</a></li> <li><a href="/wiki/NetBeans" title="NetBeans">NetBeans</a></li> <li><a href="/wiki/TextMate" title="TextMate">TextMate</a></li> <li><a href="/wiki/Vim_(text_editor)" title="Vim (text editor)">Vim</a></li></ul> </div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/CodeMirror" title="CodeMirror">CodeMirror</a>-based</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Brackets_(text_editor)" title="Brackets (text editor)">Brackets</a></li> <li><a href="/wiki/Light_Table_(software)" title="Light Table (software)">Light Table</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/Mozilla_Composer" title="Mozilla Composer">Mozilla Composer</a>-based</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/BlueGriffon" title="BlueGriffon">BlueGriffon</a></li> <li><a href="/wiki/SeaMonkey#Composer" title="SeaMonkey">SeaMonkey Composer</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/Scintilla_(software)" title="Scintilla (software)">Scintilla</a>-based</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li>FlashDevelop</li> <li><a href="/wiki/Geany" title="Geany">Geany</a></li> <li><a href="/wiki/Notepad%2B%2B" title="Notepad++">Notepad++</a></li> <li><a href="/wiki/SciTE" title="SciTE">SciTE</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/Web_application" title="Web application">Web-based</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Ace_(editor)" title="Ace (editor)">Ace</a></li> <li><a href="/wiki/CKEditor" title="CKEditor">CKEditor</a></li> <li><a href="/wiki/CodeMirror" title="CodeMirror">CodeMirror</a></li> <li><a href="/wiki/ContentTools" title="ContentTools">ContentTools</a></li> <li><a href="/wiki/Kupu" title="Kupu">Kupu</a></li> <li>Quill Editor</li> <li><a href="/wiki/TinyMCE" title="TinyMCE">TinyMCE</a></li> <li><a href="/wiki/VisualEditor" title="VisualEditor">VisualEditor</a></li> <li><a href="/wiki/WYMeditor" title="WYMeditor">WYMeditor</a></li> <li><a href="/wiki/YUI_Rich_Text_Editor" title="YUI Rich Text Editor">YUI Rich Text Editor</a></li></ul> </div></td></tr></tbody></table><div> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Freeware" title="Freeware">Freeware</a></th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Visual_Studio_Code" title="Visual Studio Code">Visual Studio Code</a></li> <li><a href="/wiki/FirstPage" class="mw-redirect" title="FirstPage">FirstPage</a></li> <li><a href="/wiki/Google_Web_Designer" title="Google Web Designer">Google Web Designer</a></li> <li><a href="/wiki/Microsoft_Visual_Studio#Community" class="mw-redirect" title="Microsoft Visual Studio">Visual Studio Community</a></li> <li><a href="/wiki/Microsoft_Visual_Studio_Express" title="Microsoft Visual Studio Express">Visual Studio Express</a></li> <li><a href="/wiki/Mobirise" title="Mobirise">Mobirise</a></li> <li><a href="/wiki/PSPad" title="PSPad">PSPad</a></li> <li><a href="/wiki/RJ_TextEd" title="RJ TextEd">RJ TextEd</a></li> <li><a href="/wiki/TED_Notepad" title="TED Notepad">TED Notepad</a></li> <li><a href="/wiki/TextWrangler" class="mw-redirect" title="TextWrangler">TextWrangler</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Commercial_software" title="Commercial software">Commercial<br /> software</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"></div><table class="nowraplinks navbox-subgroup" style="border-spacing:0"><tbody><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/Cross-platform_software" title="Cross-platform software">Cross-platform</a></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Adobe_Dreamweaver" title="Adobe Dreamweaver">Adobe Dreamweaver</a></li> <li><a href="/wiki/Oxygen_XML_Editor" title="Oxygen XML Editor">Oxygen XML Editor</a></li> <li><a href="/wiki/PhpStorm" class="mw-redirect" title="PhpStorm">PhpStorm</a></li> <li><a href="/wiki/Sublime_Text" title="Sublime Text">Sublime Text</a></li> <li><a href="/wiki/UltraEdit" title="UltraEdit">UltraEdit</a></li> <li><a href="/w/index.php?title=WYSIWYG_Web_Builder&amp;action=edit&amp;redlink=1" class="new" title="WYSIWYG Web Builder (page does not exist)">WYSIWYG Web Builder</a><sup class="noprint selfreference">&#91;<i><a href="/wiki/Talk:HTML_editor#Inclusion_of_non-notable_programs" title="Talk:HTML editor">discuss</a></i>&#93;</sup></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/MacOS" title="MacOS">macOS</a> only</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/BBEdit" title="BBEdit">BBEdit</a></li> <li><a href="/wiki/Freeway_(software)" title="Freeway (software)">Freeway</a></li> <li><a href="/wiki/PageSpinner" title="PageSpinner">PageSpinner</a></li> <li><a href="/wiki/Smultron" title="Smultron">Smultron</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%;font-weight:normal;"><a href="/wiki/Microsoft_Windows" title="Microsoft Windows">Windows</a> only</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/Codelobster" title="Codelobster">Codelobster</a></li> <li><a href="/wiki/CoffeeCup_HTML_Editor" title="CoffeeCup HTML Editor">CoffeeCup HTML Editor</a></li> <li><a href="/wiki/EmEditor" title="EmEditor">EmEditor</a></li> <li><a href="/wiki/Microsoft_Visual_Studio" class="mw-redirect" title="Microsoft Visual Studio">Visual Studio</a></li> <li><a href="/wiki/Multi-Edit" title="Multi-Edit">Multi-Edit</a></li> <li><a href="/wiki/TextPad" title="TextPad">TextPad</a></li> <li><a href="/wiki/Xara" title="Xara">Xara Web Designer</a></li></ul> </div></td></tr></tbody></table><div></div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Discontinued</th><td class="navbox-list-with-group navbox-list navbox-even" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/AOLpress" title="AOLpress">AOLpress</a></li> <li><a href="/wiki/Adobe_Contribute" title="Adobe Contribute">Adobe Contribute</a></li> <li><a href="/wiki/Adobe_GoLive" title="Adobe GoLive">Adobe GoLive</a></li> <li><a href="/wiki/Adobe_PageMill" title="Adobe PageMill">Adobe PageMill</a></li> <li><a href="/wiki/Adobe_Muse" title="Adobe Muse">Adobe Muse</a></li> <li><a href="/wiki/Amaya_(web_editor)" title="Amaya (web editor)">Amaya</a></li> <li><a href="/wiki/Arena_(web_browser)" title="Arena (web browser)">Arena</a></li> <li><a href="/wiki/Atom_(text_editor)" title="Atom (text editor)">Atom</a></li> <li><a href="/wiki/Claris_Home_Page" title="Claris Home Page">Home Page</a></li> <li><a href="/wiki/Coda_(web_development_software)" title="Coda (web development software)">Coda</a></li> <li><a href="/wiki/ConTEXT" class="mw-redirect" title="ConTEXT">ConTEXT</a></li> <li><a href="/wiki/EZGenerator" title="EZGenerator">EZGenerator</a></li> <li><a href="/wiki/Frame-IT!" title="Frame-IT!">Frame-IT!</a></li> <li><a href="/wiki/GPHPedit" title="GPHPedit">gPHPedit</a></li> <li><a href="/wiki/HoTMetaL" title="HoTMetaL">HoTMetaL</a></li> <li><a href="/wiki/HotDog" title="HotDog">HotDog</a></li> <li><a href="/wiki/IWeb" title="IWeb">iWeb</a></li> <li><a href="/wiki/KompoZer" class="mw-redirect" title="KompoZer">KompoZer</a></li> <li><a href="/wiki/Macromedia_HomeSite" title="Macromedia HomeSite">HomeSite</a></li> <li><a href="/wiki/Microsoft_Expression_Web" title="Microsoft Expression Web">Microsoft Expression Web</a></li> <li><a href="/wiki/Microsoft_FrontPage" title="Microsoft FrontPage">Microsoft FrontPage</a></li> <li><a href="/wiki/Microsoft_SharePoint_Designer" title="Microsoft SharePoint Designer">Microsoft SharePoint Designer</a></li> <li><a href="/wiki/Microsoft_WebMatrix" title="Microsoft WebMatrix">Microsoft WebMatrix</a></li> <li><a href="/wiki/Mozilla_Composer" title="Mozilla Composer">Mozilla Composer</a></li> <li><a href="/wiki/NetObjects_Fusion" title="NetObjects Fusion">NetObjects Fusion</a></li> <li><a href="/wiki/Netscape_Composer" title="Netscape Composer">Netscape Composer</a></li> <li><a href="/wiki/Nvu" class="mw-redirect" title="Nvu">Nvu</a></li> <li><a href="/wiki/PHPEdit" title="PHPEdit">PHPEdit</a></li> <li><a href="/wiki/TkWWW" title="TkWWW">tkWWW</a></li> <li><a href="/wiki/WorldWideWeb" title="WorldWideWeb">Nexus (WorldWideWeb)</a></li> <li><a href="/wiki/Maqetta" title="Maqetta">Maqetta</a></li></ul> </div></td></tr><tr><th scope="row" class="navbox-group" style="width:1%">Helper tools</th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"> <ul><li><a href="/wiki/CSS_HTML_Validator" title="CSS HTML Validator">CSS HTML Validator</a></li> <li><a href="/wiki/FrameGang" title="FrameGang">FrameGang</a></li> <li><a href="/wiki/HTML_Tidy" title="HTML Tidy">HTML Tidy</a></li> <li><a href="/wiki/Pandoc" title="Pandoc">Pandoc</a></li></ul> </div></td></tr><tr><td class="navbox-abovebelow" colspan="2"><div> <ul><li><b><span class="noviewer" typeof="mw:File"><span title="Category"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/16px-Symbol_category_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/23px-Symbol_category_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/9/96/Symbol_category_class.svg/31px-Symbol_category_class.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/Category:HTML_editors" title="Category:HTML editors">Category</a></b></li> <li><b><span class="noviewer" typeof="mw:File"><a href="/wiki/File:Symbol_na_class.svg" class="mw-file-description" title="Non-article page"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/6/6a/Symbol_na_class.svg/16px-Symbol_na_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/6/6a/Symbol_na_class.svg/23px-Symbol_na_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/6/6a/Symbol_na_class.svg/31px-Symbol_na_class.svg.png 2x" data-file-width="180" data-file-height="185" /></a></span> <a href="/wiki/Comparison_of_HTML_editors" title="Comparison of HTML editors">Comparison</a></b></li> <li><b><span class="noviewer" typeof="mw:File"><span title="List-Class article"><img alt="" src="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/16px-Symbol_list_class.svg.png" decoding="async" width="16" height="16" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/23px-Symbol_list_class.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/d/db/Symbol_list_class.svg/31px-Symbol_list_class.svg.png 2x" data-file-width="180" data-file-height="185" /></span></span> <a href="/wiki/List_of_HTML_editors" title="List of HTML editors">List</a></b></li></ul> </div></td></tr></tbody></table></div> <div class="navbox-styles"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1129693374"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r1236075235"><style data-mw-deduplicate="TemplateStyles:r1038841319">.mw-parser-output .tooltip-dotted{border-bottom:1px dotted;cursor:help}</style></div><div role="navigation" class="navbox authority-control" aria-label="Navbox" style="padding:3px"><table class="nowraplinks hlist navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="row" class="navbox-group" style="width:1%"><a href="/wiki/Help:Authority_control" title="Help:Authority control">Authority control databases</a>: National <span class="mw-valign-text-top noprint" typeof="mw:File/Frameless"><a href="https://www.wikidata.org/wiki/Q726761#identifiers" title="Edit this at Wikidata"><img alt="Edit this at Wikidata" src="//upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/10px-OOjs_UI_icon_edit-ltr-progressive.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/15px-OOjs_UI_icon_edit-ltr-progressive.svg.png 1.5x, //upload.wikimedia.org/wikipedia/en/thumb/8/8a/OOjs_UI_icon_edit-ltr-progressive.svg/20px-OOjs_UI_icon_edit-ltr-progressive.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></th><td class="navbox-list-with-group navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><ul><li><span class="uid"><span class="rt-commentedText tooltip tooltip-dotted" title="HTML editory"><a rel="nofollow" class="external text" href="https://aleph.nkp.cz/F/?func=find-c&amp;local_base=aut&amp;ccl_term=ica=ph138722&amp;CON_LNG=ENG">Czech Republic</a></span></span></li><li><span class="uid"><a rel="nofollow" class="external text" href="https://www.nli.org.il/en/authorities/987007558985405171">Israel</a></span></li></ul></div></td></tr></tbody></table></div></dt></div>'
Whether or not the change was made through a Tor exit node (tor_exit_node)
false
Unix timestamp of change (timestamp)
'1734787897'
External links in the new text (new_links)
[ 0 => 'http://www.w3.org/People/Bos/DesignGuide/designguide.html', 1 => 'http://www.w3.org/Style/CSS/#browsers', 2 => 'http://www.w3.org/Style/CSS/#editors', 3 => 'http://www.w3.org/TR/CSS1', 4 => 'http://www.w3.org/TR/CSS21/', 5 => 'http://www.w3.org/TR/xhtml11/', 6 => 'http://www.w3.org/TR/WCAG20/', 7 => 'http://www.w3.org/MarkUp/Guide/', 8 => 'https://www.wikidata.org/wiki/Q726761#identifiers', 9 => 'http://validator.w3.org/', 10 => 'http://jigsaw.w3.org/css-validator/', 11 => 'https://jsfeed.io/', 12 => 'https://aleph.nkp.cz/F/?func=find-c&local_base=aut&ccl_term=ica=ph138722&CON_LNG=ENG', 13 => 'https://www.nli.org.il/en/authorities/987007558985405171' ]
Retrieved from "https://en.wikipedia.org/wiki/Special:AbuseFilter/examine/log/39536699"