2022.1

1. Navigate to where you want to insert the element, using the arrow keys, the mouse, the
Breadcrumbs (see "Selecting an element" on the facing page) or the Outline pane.
2. Click the respective toolbar button. Alternatively, click the element on the Insert menu.
3. Add an ID and/or a class. ID's and classes are particularly useful with regard to variable
data (see "Personalizing content" on page334) and styling (see "Styling templates with
CSS files" on page292).
Note
Do not give an element the ID 'pages' or the class name 'dynamic'. These are
reserved words. Using them as an ID or class name leads to undesirable effects.
4. Use the Location drop-down (if available) to select where to insert the element.
l At cursor position inserts it where the cursor is located in the template.
l Before element inserts it before the HTML element in which the cursor is currently
located. For example if the cursor is within a paragraph, the insertion point will be
before the <p> tag.*
l After start tag inserts it within the current HTML element, at the beginning, just after
the start tag.*
l Before end tag inserts it within the current HTML element, at the end, just before
the end tag.*
l After element inserts it after the element in which the cursor is currently located. For
example if the cursor is within a paragraph, the insertion point will be after the end
tag of the paragraph (</p>).*
l Replace inserts it in place of the currently selected element. (This option is not
available when inserting content in a Master Page.)
* If the current element is located inside another element, use the Elements drop-down to
select which element is used for the insertion location. The list displays every element in
the breadcrumbs, from the current selection point down to the root of the body.
Note: HTML has some restrictions as to which types of elements are allowed as children
of other elements. For example, a paragraph element is not allowed to have children that
are block level elements - like a Div or a Table. If inserting content at the selected location
would produce invalid HTML the final result may be different than expected. For example,
when you insert a Div into a paragraph, the paragraph gets split in two. This means you
end up with two paragraphs with the Div in between.
For a list of links to the different types of elements, see "Element types" on page187.
Page 191