Available Tag Types
HTML has various types of tags for each element, such as heading tags (e.g., <h1>) and paragraph tags (e.g., <p>). Appropriate tag settings make it easier to retrieve information from search engine and accessibility perspectives.
Tips:
The tags that can be set vary depending on the type of box. Tag contents cannot be freely described.
For more information on HTML tags, please refer to HTML Basics - Learn Web Development | MDN.
For information on HTML elements and attributes supported in Studio, please refer to the Studio HTML Element and Attribute Support Table.
For accessibility aspects, you can also check the Studio Accessibility Check Sheet.
Tags Related to Textboxes
By default, <p> tags are set for text boxes. It can be changed to any of the following tags
<p>: Indicates a paragraph.
<h1> to <h6>: Indicates a heading. The younger the number, the bigger the heading.
<li>: Items in a list.
<span>: Groups parts of a sentence without any special meaning.
Tags Related to Box/Image Boxes
The default box/image box has a <div> tag set. It can be changed to the following tags
<div>: Has no specific meaning and is used for grouping purposes.
<nav>: Indicates a navigation area.
<header>: Used for logos and navigation groups.
<footer>: This is an area for information such as copyrights and terms and conditions.
<section>: Sections separated by headings and content.
<article>: Independent content groupings.
<main>: The central information area of the page, only once per page.
<ul>: A group of item lists.
<li>: Individual items in the list.
<label>: Used for a grouping of form items.
<h1>-<h6>: Heading tags <h1>-<h6> can also be set in the box only if certain conditions are met. See HTML Heading Tags <h1> - <h6> for details.
How to Set Tags
In Studio, <div> is initially set for normal boxes and <p> is initially set for text boxes.
Select the box for which you want to set tags.
Open the Settings tab in the right panel.
[Select the desired tag from the "Tags" choices and set it.
*If you do not see the heading tag <h1> in the Tags choices, please see the "Note" in this article HTML heading tags <h1> - <h6>.
tag source code script
source code