HTML Washer
HTML Washer is a HTML cleanup tool reduces a HTML document (or fragment) to basic HTML tags and attributes – clean HTML. You can either copy and paste you code into the editor OR you can upload a file.
For the purpose of this test, I used two different documents. The first one is the cemeteries.html page I used in an earler test of another cleanup tool.The results are in the screenshots shown below.
Copy and Paste your code into the top pane. Click the WASH button and your cleaned code appears in the bottom pane for you to paste into your page.
Or you can upload a file by Selecting the Upload tab > Select File
You can choose to download the cleaned file or copy and paste the code to your page.
For the second test, I used a MS Word document saved as a webpage. MS Word 2013 gives me to options to save as a webpage:
- webpage
- webpage filtered (this was a better choice and resulted in a less messy code
- webpage filtered with full doctype statement and charset meta tag added
Again, you can follow the same process, copy and paste your code OR upload the file. HTML Washer returned the same results on either of the pages - clean html coding with one exception. It did not know what to do with the apostrophes created and that may have been because neither of the saved webpages had a full doctype statement or charset included. Adding those, and the messy code is cleaned up nicely. Pasting just the code for the content iself works fine and apostrophes are converted as they should be.
Cleaned Web Page that you can style using an external css file. And finally the actual page on Lucinda Jewel Nunley, styled with the site template applied.
What exactly does HTML Washer do?
- Fixes or removes non-well formed tags and attributes (e.g. adds alt attributes to images if missing)
- Converts the markup to HTML5 (if it is XHTML for example)
- Reduces the markup to: <a href>, <body>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <head>, <hr>, <html>, <i>, <img src width height alt>, <li>, <ol>, <p>, <ruby>, <strong>, <table>, <tbody>, <td colspan rowspan>, <th colspan rowspan>, <title>, <tr>, <ul>
- Replaces: <b> to <strong>, <div> to <p>
- Reformats the HTML (line breaks, indents)
NOTE: Pay particular attention to the converting <div> to <p>. This may NOT be what you want.
Using this tool does NOT require any kind of a link.
Expression Web 4.0 Tutorials 2nd Edition from Install to Publish, a FREE EBook by Pat Geary.
Expression Web has a group on Facebook. If you are a FB user, come join us.
Disclosure: This is an affiliate link, which means that if you visit Bluehost.com through this link and purchase this product, I’ll get a commission.
April 2007 - April 2013