---
schema_version: "1"
id: 2456a283274d0a2e37b8eb4b27a80b34577704dedf49b9c3c34874866ccd1e8d
title: HTML5 Semantic Page-Layout Tags
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/siteforce_html5_sematic.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_sematic.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 26eef76168ad3bdddae30edf645172aaadaa3372bbb6d3244063663dfea402ff
description: 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.
products:
  - Salesforce Platform
  - Security
release: "264"
---
# HTML5 Semantic Page-Layout Tags

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.

### 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>

By default, several page elements are defined as a `div`, including panels, data repeaters, data elements, content blocks, and custom code. Using a page element's HTML Tag property, you can change the tag to a semantic HTML5 block tags, such as:

 
| Option | Description |
| --- | --- |
| Article | A section containing an independent item of content, such as a magazine article or a forum post. |
| Aside | A section containing content that's only superficially related to the main page content, such as a sidebar or advertising. |
| Details | A section containing additional details that the user can view or hide using an interactive widget. It can also include a summary section. |
| Header | A section containing an introduction, or a group of navigation elements. |
| Footer | A footer section for the page or parent section. It typically contains information about the parent section and appears at the end of the section. |
| Nav | A section that contains navigation links. |
| Section | A generic section of the page. |
| Summary | A summary or caption section for a details section. |

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

Tip If you use a HTML5 semantic tag, it's good practice to also [change the page's doctype](https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_doctype.htm&release=264.0.0&type=5 "The Document Type Definition (DTD) or doctype of a page defines which version of HTML it's using. This information is used by some browsers to trigger a standard rendering mode. By default, each page's doctype is set to HTML5, which is the latest version, but you can change it to XHTML 1.0.") to HTML5.

#### See Also

- [Changing a Page Element's HTML Tag](https://help.salesforce.com/s/articleView?id=platform.siteforce_html5_render.htm&release=264.0.0&type=5 "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.")
- [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.")