HTML Tidier

• You are here :
• home
• Java Glossary
• Student Projects
• HTML Tidier
•  

The tidier makes it easier to perform edits on the HTML source with a text editor. It might do thing such as:

• Put 0, 1 or 2 newline characters before and after each tag as appropriate. If there are newline characters or whitespace characters that should not appear before or after a tag, remove them to tighten up. You will probably need to make this table driven since not everyone will agree which tags deserve a new line and blanks lines before or aft. Some tags such as <font> must be left alone other than possibly consolidating whitespace inside, before or aft, into a single newline or space. If you examine the HTML source of this document you are reading, you can see it has been tidied with a crude search/replace script for consistent newline behaviour.

  By default you might make sure every <P>, <BR>, <Hx>, <tr>, <TD>, <DT>, <DD>, <OL>, <UL> and <LI> tag starts on a new line with a blank line ahead of it.

• Remove excess blanks lines. No more than one blank line in a row.
• Consistently convert to the desired line end convention, Unix = Lf, or Windows CrLf or Mac Cr.
• Use consistent all upper or all lower case tags, or perhaps upper case for outside BODY and lower case for inside BODY.
• Remove lead trail blanks on <LI>…</LI> <DT>…</DT>.
• Avoid lines longer than 60 characters. Break lines at auspicious points — but never in the middle of a quoted string. Avoid reflowing <PRE>.
• Sort meta tags in alphabetical order
• Put parameters of IMG in some standard order, probably not alphabetical, e.g. SRC then WIDTH, HEIGHT, BORDER then ALT. Ditto for other tags with parameters such as FONT, DT, TABLE etc.
• Generate a new KEYWORDS metatag based on scooping the phrases in H1, H2 and DT tags (avoiding FONT tags of course). Combine it with the existing KEYWORDS metatag, removing duplicates and putting the phrases in alphabetical order.
• Indent to show structure.
• insert missing </LI>, </DT>, </td>, </P> etc. tags. Exactly which ones you want should be configurable. So you may also remove unwanted clutter end tags.
• Insert missing type="text/javascript" in <script tags.
• replace "with &quot;, & with &amp;, < with &lt; etc. where they occur in the context of ordinary text.
• Convert css tags to old style on request. That way you can have the convenience of composing with css, but broadcast compatible old style tags. Don’t get too carried away, but you might add some user macros too.
• consolidate tags, e.g.
  remove <b></b>
  <b>both</b> <b>bold</b> => <b>both bold</b>..
  Similarly for:
  <font size="+1"><font color="red" >…</font></font>
  => <font size="+1" color="red">… </font> .
• Convert colour names to hex or vice versa. See the chart of Netscape colour names, e. g. convert <FONT COLOR="papayawhip"> to <FONT COLOR="#ffefd5"> .
• Remove redundant tags that are already handled by CSS styles.
• A parser such as JavaCC or ANTLR might be useful. See parser in the Java glossary.
• Check all IMG statements to ensure the width and height parameters actually match the size of the *.png, *.gif or *.jpg file. If the image file is missing, insert an easily found comment in the HTML. If the size is wrong, correct it, or alternatively, insert the new size information as an easily found comment, so it can be manually corrected later, or left as is if image resizing was actually intended. Invent a comment to put in deliberately resized images to bypass this check.
• Provide an option to convert HTML to plain text by stripping out all the tags. There are a few wrinkles to watch out for.
  1. > may occur improperly unpaired with <. In which case treat it as &gt;.
  2. < and > may appear inside quotes inside <..> in which case they should be treated as ordinary characters.
  3. References should optionally be converted to English so they are not lost, e. g.
     could be rendered as:
     You can read up on the rules [see http://www.cwi.nl/~dik/english/codes/isbn.html] for calculating the expected check digit.
     If you wanted to get really clever you would avoid mentioning the reference if it were already present nearby in plain text, e. g.
     should be rendered as:
     You can read up on the rules for calculating the expected check digit at www.cwi.nl/~dik/english/code/isbn.html.
  4. You might also optionally render <b>Wow!</b> as *Wow!* .

	You can get the freshest copy of this page from:	or possibly from your local J: drive (Java virtual drive/mindprod.com website mirror)
	http://mindprod.com/project/htmltidier.html	J:\mindprod\project\htmltidier.html
	Please email your feedback for publication, errors, omissions, typos, formatting errors, ambiguities, unclear wording, broken/redirected link reports, suggestions to improve this page or comments to Roedy Green :
	Canadian Mind Products
	mindprod.com IP:[65.110.21.43]
view Blog	Your face IP:[38.107.191.107]
Feedback	You are visitor number 5,816.