Unlike, semantic elements they don’t have any meaning. They don’t tell anything about the content they contain. They can be used with different attributes to mark-up semantics common to a group.
-
The div tag defines division or a section in an HTML document. It is used as a container for HTML elements, which is then styled with CSS or manipulated with JS. It is easily styled by using CSS or id attribute.
-
The style tag is used to define style information for a document. We can write it in head tag. And inside style tag we can write our CSS code.
-
The span tag is an inline container used to define mark up a part of a text or a part of a document. It is easily styled with the help of the CSS or manipulated with JS using class or id attribute.