Semantic Tags

 Semantic Tags

HTML 5 introduced new set of tags to control the structure / content of the web page.

All these tags are come under a special group called semantic tags that are helps to format the content of webpages.

1) figure and Figcaption

• <Figure> tag helps to organizing image and its caption that describe about image.
• Subtags for this tags-
• a) <img>
• b) <figcaption>
• <img> tag will helps us to display the image.
• <figcaption> tag will help to provide caption.

2)Details tag

• This tag can be used to create an interactive control that the user can open (show) and close(hide) content.
• we can add any of tha html tags inside <details> tag.

3) Summary tag

• <summery > tag defines a heading for the <details> tag.
• This heading is clickable so that content will be show/hide.
• It should be the first tag inside the <details> tag.

4) Mark tag

• <mark> tag is to text highlighter with yellow background color.
• By default it highlight with yellow if you want, you can  change by using style.