Invisible Elements Preferences

The Preferences dialog box’s Invisible Elements category, seen in Figure 18-1, determines whether hidden elements are displayed in the Design pane.

Invisible Elements icons

Figure 18-1. Invisible Elements icons

Table 18-3 lists the icon types for each invisible element. Also see the View → Visual Aids → Invisible Elements menu command.

Table 18-3. Invisible Elements placeholders

Option

Displays a placeholder representing:

Named Anchors

Anchors of the form <a name=" ">.

Scripts

JavaScript or VBScript code embedded with <script> tags.

Comments

Comments indicated by <!-- -->.

Line Breaks

Line breaks created with <br> tags.

Client-Side Image Maps

Client-side image maps (<map> tags).

Embedded Styles

Stylesheets (<style> tags) within the <body> tag. (Stylesheets within the <head> tag appear as a CSS Styles icon in the Head Content bar. See Chapter 10.)

Hidden Form Fields

Elements of type <input type="hidden">.

Form Delimiter

Elements of type <form> (Form delimiters are indicated by a dashed red line surrounding form elements, not by the icon shown in Figure 18-1.)

Anchor Points for Layers

Layers (<div>, and <span> tags). Layers implemented with <layer>, <ilayer> display a similar icon with an N instead of a C. See the Preferences dialog box’s Layers category.

Anchor Points for Aligned Elements

Aligned elements, such as <img align="left">.

Server Markup Tags ...

Get Dreamweaver in a Nutshell now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial