Setting Up a Document > Selecting elements in the Document window > About invisible elements |
Some HTML code doesn't have a visible representation in a browser. For example, comment
tags don't appear in browsers. However, it can be useful while you're creating a page to be able to select such invisible elements, edit them, move them, and delete them. Dreamweaver allows you to specify whether it shows icons marking the location of invisible elements in the Design view of the Document window.
To show or hide marker icons for invisible elements, choose View > Visual Aids > Invisible Elements. Showing invisible elements lets you select them and change their properties in the Property inspector; hiding them lets you see the page closer to the way it will appear in a browser. Note that showing invisible elements may slightly change the layout of a page, moving other elements by a few pixels, so for precision layout, hide the invisible elements.
To indicate which element markers appear when you choose View > Visual Aids > Invisible Elements, you can set options in Invisible Elements preferences. For example, you can specify that named anchors should be visible, but not line breaks. See Invisible Elements preferences.
You can create certain invisible elements (such as comments, named anchors, and scripts) using the buttons in the Invisibles category of the Objects panel (see Objects panel). You can then modify these elements using the Property inspector.