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
| Available in: Salesforce Classic |
Available for purchase in: Enterprise, Performance, and Unlimited Editions Available (with limitations) in: Developer Edition |
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 If you use a HTML5 semantic tag, it's good practice to also change the page's doctype to HTML5.
Did this article solve your issue?
Let us know so we can improve!
