Sectioning Root Tags In html 5

Sectioning Root Tags In HTML 5

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

<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:
<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
6. <details> I have attribute open
7. </details>
8. </p>
9. </body>
10. </html>
Output:
<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: