Hello readers, Today we will discuss about the Structural Semantic Elements that are used in HTML5.
Introduction of HTML5
HTML5 is basically a latest and an enhanced version of HTML.
HTML5 has various new features including new elements ,attributes and many more that helps in Here buiding a websites.
The syntax used in HTML5 is <! DOCTYPE html>.
It also has new HTML5 attributes and elements. Some attributes are defined globally while others are defined for particular elements only.
Here is the difference between the HTML4 and HTML5 Structural Elements:-
<div id=”nav” > <nav>
<div class=”header” > <header>
<div class=”footer”> <footer>
Firstly , we must clearify the basic meaning of “semantic” it is basically a study of meaning of words and phrases in the basic grammar that we all use. Whereas in HTML5 semantic elements clearly describes the element meaning to both the browser and the developer.
Due to the following features we use semantic elements:-
It has lighter code.
It has search engine optimization.
Below is the list of various semantic elements that defines the different parts in a particular web page: