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:
<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:
- <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:
- <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: