---
schema_version: "1"
id: a5619ab8f2281cdd77a12e8f2cc4759251f9ab0ff948b0fd5ab823657b915d03
title: Changing a Page Element's HTML Tag
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_html5_render.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_render.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 536e99f8d212e7cc691e1aa42cf4ea643fbffda9c090ca90ba557ec2b678d72d
description: 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.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# 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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition">
        <colgroup>
          <col>
        </colgroup>
        <tbody>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic</td>

          </tr>
          <tr class="">
            <td class="slds-cell-wrap" style="vertical-align:top;">
              <p>Available for purchase in: <strong>Enterprise</strong>, <strong>Performance</strong>,
                and <strong>Unlimited</strong> Editions</p>
              <p style="margin-bottom:0;">Available (with limitations) in:
                <strong>Developer</strong> Edition
              </p>
            </td>

          </tr>
        </tbody>
      </table> <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d105858e80">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d105858e80 ">To edit page element properties:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d105858e80 ">
              <p><samp class="parmname">Site.com Publisher User</samp> field enabled on the
                user detail page</p>
              <p>AND</p>
              <p style="margin-bottom:0;">Site administrator or designer role
                assigned in Site.com Studio</p>
            </td>

          </tr>
        </tbody>
      </table>

![Warning](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_warning.png)

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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_click-264-0-0-production-enus/5f7d9219-b7b1-4552-8891-f1aba9b289fc/images/icon_note.png)

Note The following tags aren't included in the auto-complete list:

- `base`
- `body`
- `doctype`
- `head`
- `html`
- `meta`
- `style`
- `title`

#### See Also

- [HTML5 Semantic Page-Layout Tags](https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_sematic.htm&release=264.0.0&type=5 "HTML5 defines several semantic page-layout tags that describe the content they contain. These tags make it easier for search engines and screen readers to read and organize your content.")
- [Adding Custom HTML Attributes](https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_attributes.htm&release=264.0.0&type=5 "You can add custom HTML attributes to pages and page elements, which are rendered on the HTML tag of the page element. For example, this is useful when working with third-party frameworks that render page elements differently based on certain attributes.")