Post
Ask Question

Sectioning Root Tags In html 5

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:
    1. <DOCTYPE HTML>  
    2.     <html>  
    3.         <body>  
    4.             <p> I m tag  
    5.                 <blockquote> I m sectioning root tag.   
    6. I m used with site attribute  
    7. cite=http://www.source.com  
    8. </blockquote>  
    9.             </p>  
    10.         </body>  
    11.     </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:
    1. <DOCTYPE HTML>  
    2.     <html>  
    3.         <body>  
    4.             <p>I m details tag  
    5.   
    6.                 <details> I have attribute open  
    7. </details>  
    8.             </p>  
    9.         </body>  
    10.     </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 the fieldset.
     
    Attributes:- It has the following attributes:-
     
        a) disabled:- Its a boolean attribute. The fieldset will be disabled if this attribute is used.
     
        b) form:- Its value must contain the ID of a form element.
     
        c) name:- It indicates the name of the fieldset.
     
    Syntax:
    <form>
    <fieldset>
    <legend> myform </legend>
    </fieldset>
    </form>
     
    Code: It can be used in the following way:
    1. <DOCTYPE HTML>  
    2.     <html>< body>  
    3.         <form>  
    4.             <fieldset>  
    5.                 <legend>my form </legend>  
    6.             </fieldset>  
    7.         </form>  
    8.     </body>  
    9. </html>  
    Output:
     
    fieldset tag in html 5