Sectioning Root Tags In html 5

Some of the Sectioning Root Tags in HTML 5 are as follows:-

  1. <blockquote>:- It is used to indicate long quotations. Long quotations here stands for quotations that span multiple lines.

    Attributes: It has one attribute.

        a) cite-cite attribute is used with <blockquote> tag. It shows the source of the quotation. for eg:- URL of the webpage.

    Syntax:
    <blockquote cite="value">

    Code: It can be used in the following way:

    <DOCTYPE HTML>
    <html>
    <body>
    <p> I m tag
    <blockquote> I m sectioning root tag.
    I m used with site attribute
    cite=http://www.source.com
    </blockquote>
    </p>
    </body>
    </html>

    Output:

    blockquote tag in html 5
     
  2. <details>:- details tag is used to show extra details that a user can hide or show according to wish. It can be used with summary tag to give a heading which can be clicked to expand or contract the details as per our requirement.

    Attributes:- It has one attribute.

        a) open:- This is a boolean attribute. It is used to indicate whether the user can see details or not.

    Syntax:
    <details open="open">

    Code:- It can be used in the following way:

    <DOCTYPE HTML>
    <html>
    <body>
    <p>I m details tag
    <details> I have attribute open
    </details>
    </p>
    </body>
    </html>

    Output:

    details tag in html 5
     
  3. <fieldset>:- <fieldset> tag is used in a form for grouping related elements. The optional <legend> tag can be used with it which indicates a caption for an element of fieldset.

    Attributes:- It has following attributes:-

        a) disabled:- Its a boolean attribute. The fieldset will be disabled if this attribute is used.
        b) form:- Its value must contain ID of a form element.
        c) name:- It indicates name of the fieldset.

    Syntax:
    <form>
    <fieldset>
     <legend> myform </legend>
    </fieldset>
    </form>

    Code: It can be used in the following way:

    <DOCTYPE HTML>
    <html>
    < body>
    <form>
    <fieldset>
    <legend>my form </legend>
    </fieldset>
    </form>
    </body>
    </html>

    Output:

    fieldset tag in html 5
Ebook Download
View all
Learn
View all