O'Reilly logo

Dreamweaver in a Nutshell by Bruce A. Epstein, Heather Williamson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Hidden Objects

Hidden objects (a.k.a. invisible objects ) are objects that are not seen when the document is viewed in a web browser. Dreamweaver provides access to the following hidden objects through its interface:

  • Comments

  • Line Breaks and Nonbreaking Spaces

  • Scripts

  • Anchors (discussed earlier in this chapter)

Figure 2-23 shows the icons that act as placeholders for these and other invisible objects within Dreamweaver.

Icons for invisible objects

Figure 2-23. Icons for invisible objects

To make placeholders for hidden objects visible, ensure that the View Visual Aids Invisible Elements option is checked. Use View Visual Aids Hide All, Ctrl+Shift+I (Windows), or Cmd+Shift+I (Macintosh) to hide all visual aids temporarily.

Comments

Comments can be used to provide development notes about the HTML code for the benefit of future developers or for yourself, should you need to revisit some old code. Add comments to explain scripts, add instructions for use, or include notes for future development.

Comments are inserted using the Comment button in the Objects panel’s Invisibles category or by selecting Insert Invisible Tags Comments. You can type comments directly into the Code pane, in the form:

<!-- This is a comment -->

Web browsers ignore everything between the leading <!-- and trailing --> characters, which delimit the comment. Multiline comments are allowed and take the form:

<!-- This is another comment ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required