Changing a Page Element's HTML Tag

By default, panels, data repeaters, data elements, custom code, and content blocks are each defined as a div, but you can change this to any other HTML tag using the HTML Tag property. This gives you greater flexibility and control over how the page element is displayed on the page.

Required Editions

Available in: Salesforce Classic

Available for purchase in: Enterprise, Performance, and Unlimited Editions

Available (with limitations) in: Developer Edition

User Permissions Needed
To edit page element properties:

Site.com Publisher User field enabled on the user detail page

AND

Site administrator or designer role assigned in Site.com Studio

Warning
Warning The HTML Tag property provides a powerful way to control how page elements are displayed. However, if you change a page element's HTML tag, you may generate invalid HTML. Before publishing any changes, test the page thoroughly.

To redefine a panel, data repeater, data element, custom code, or content block:

  1. Select the element on the page.
  2. In the HTML Tag field in the Properties pane, start typing the tag name.
  3. In the auto-complete list that appears, select the relevant HTML tag. Alternatively, you can define your own HTML tag—for example, if you're working with a JavaScript library or if new HTML5 tags are introduced in the future. You can also remove the HTML tag on a panel, data repeater, data element, custom code, or content block to disable its ID, class, or inline styles.
Note
Note The following tags aren't included in the auto-complete list:
  • base
  • body
  • doctype
  • head
  • html
  • meta
  • style
  • title