Dreamweaver

Clean up code

You can automatically remove empty tags, combine nested font tags, and otherwise improve messy or unreadable HTML or XHTML code.

For information on how to clean up HTML generated from a Microsoft Word document, see Open and edit existing documents.

  1. Open a document:
    • If the document is in HTML, select Commands > Clean Up HTML.

    • If the document is in XHTML, select Commands > Clean Up XHTML.

      For an XHTML document, the Clean Up XHTML command fixes XHTML syntax errors, sets the case of tag attributes to lowercase, and adds or reports the missing required attributes for a tag in addition to performing the HTML cleanup operations.

  2. In the dialog box that appears, select any of the options, and click OK.
    Note: Depending on the size of your document and the number of options selected, it may take several seconds to complete the cleanup.
    Remove Empty Container Tags
    Removes any tags that have no content between them. For example, <b></b> and <font color="#FF0000"></font> are empty tags, but the <b> tag in <b>some text</b> is not.

    Remove Redundant Nested Tags
    Removes all redundant instances of a tag. For example, in the code <b>This is what I <b>really</b> wanted to say</b>, the b tags surrounding the word really are redundant and would be removed.

    Remove Non-Dreamweaver HTML Comments
    Removes all comments that were not inserted by Dreamweaver. For example, <!‑‑begin body text‑‑> would be removed, but <!‑‑ TemplateBeginEditable name="doctitle" ‑‑> wouldn’t, because it’s a Dreamweaver comment that marks the beginning of an editable region in a template.

    Remove Dreamweaver Special Markup
    Removes comments that Dreamweaver adds to code to allow documents to be automatically updated when templates and library items are updated. If you select this option when cleaning up code in a template-based document, the document is detached from the template. For more information, see Detach a document from a template.

    Remove Specific Tag(s)
    Removes the tags specified in the adjacent text box. Use this option to remove custom tags inserted by other visual editors and other tags that you don’t want to appear on your site (for example, blink). Separate multiple tags with commas (for example, font,blink).

    Combine Nested <font> Tags When Possible
    Consolidates two or more font tags when they control the same range of text. For example, <font size="7"><font color="#FF0000">big red</font></font> would be changed to <font size="7" color="#FF0000">big red</font>.

    Show Log On Completion
    Displays an alert box with details about the changes made to the document as soon as the cleanup is finished.