Skip to main content

HTML Heading Tags <h1> to <h6>

In Studio.Design, you can set HTML heading tags from <h1> to <h6>. Setting heading tags helps you create well-structured pages that are better for SEO.

Updated today

How to Set a Heading Tag in a Text Box

By default, a <p> tag is set in a text box.

  1. Select the text box for which you wish to set tags.

  2. Select the heading (<h1> to <h6>) in the [Tags] section under the [Settings] tab in the right panel.

How to Set Heading Tags on Parent Boxes with Child Elements (Advanced)

You can set a heading (<h1> to <h6>) in the parent box only if the following conditions are met

  • The child elements in the parent box must consist of only the following tags:
    <img>, <span>, <i>, <button>, <a>

Example of a Situation where a Heading Tag Cannot be Selected

  • There is another element with a heading tag inside the selected element:
    <h1> <h2>text</h2></h1>

  • There is a box ( div tag) containing a child element inside a heading tag: <h1> <h2>text</h2></h1
    <h1> <div class="image sd"></div></h1>

Example of a State in which a Heading Tag Can be Selected

  • The parent box itself is a BOX mode image with <img>, <span>, <i>, <button>, <a> tags within it:
    <h1 class="image sd"> <i>favorite_border</i></h1>

  • Parent box containing a text box ( <a> tag) with link settings:
    <h1> <a>Textbox with link settings</a></h1>

Note: Heading Tags for Parent Boxes with Text Box Child Elements

Text boxes have a <p> tag by default. If a child text box still has a <p> tag, you won't be able to set a heading tag on the parent box.

Steps:

  1. Select the text box of the child element.

  2. Check the tag in [Tags] at the bottom of the right panel.

  3. If the tag is <p>, change it to <span>.

    ~~<div> <span>text</span> </div>~~~

  4. Select the parent box and set the heading (<h1> to <h6>).

Did this answer your question?