A hypertext markup language (HTML) viewer is a tool that allows website designers to view and edit their work in real time. The HTML viewer displays code on one side of the screen and the webpage-in-progress on the other.
Why Use an HTML Viewer?
Also known as an HTML previewer or HTML editor, these tools are intended to reduce or eliminate broken or inefficient code. HTML viewers can insert prewritten, frequently-used sections of code, or highlight certain lines of code.
Depending on the software, an HTML viewer may also feature pre-made templates, free graphics, and a built-in File Transfer Protocol (FTP) to quickly upload and publish the finished webpage. Many HTML viewers are free, while more advanced programs can be purchased with a monthly or one-time fee.
One of the most useful features of an HTML viewer is the ability to split the screen between the webpage code and a preview of how the code will look when it is uploaded to a server. This feature means that broken links, misplaced images, and other mistakes can be corrected before the website goes live. This feature is included in even the most basic HTML editors, and is used by novice and expert web designers alike.
Popular HTML Viewers
- CoffeeCup offers a classic, easy-to-use HTML viewer that's ideal for both novice and expert web designers. There's a popular free version, or you can purchase the visual site builder.
- Sublime Text 3 is a well-known HTML viewer that works with Mac, Windows, and Linux. Sublime Text 3 can be customized with downloadable extensions and has a vast library of plugins.
- Komodo Edit is a free, open source HTML viewer with tools such as auto-completion and debugging. Komodo Edit works with a variety of platforms and can edit numerous programming languages.
- Phase 5 is a popular Windows HTML viewer from Germany. Its features include customizable templates, search and replace, and a syntax debugger. You can easily switch between documents, and formats such as PHP and Javascript are also supported.
Useful Features of HTML Viewers
- An HTML viewer helps the web designer to pinpoint mistakes, either by using the split-screen preview or by alerting the designer that the code is broken, outdated, or could be better written in another way.
- To further reduce mistakes and speed up the process of creating a website, the HTML viewer might come with numerous lines of pre-written codeL, so that the designer does not have to repeatedly rewrite or copy and paste certain lines.
- HTML viewers commonly include a highlighting feature that can be applied to any line, enabling the web designer to quickly dissect his or her code.
- HTML viewers sometimes include pre-made website templates and free, no-royalty images. These extras make it simple for novice web designers to build a website without manipulating much HTML code. Even professionals may find these tools useful for building the basics or acting as placeholders for a client’s own images.
- Once the website is complete, the designer can sometimes upload the finished project using the HTML viewer’s own FTP program. If there is no built-in program, the designer will need to use a third-party FTP to publish the website.