Semantics Html: it structure and why it is important.
Introduction
Naturally, we do often come across the concept 'Semantics html' on the Web browsers, social Apps, Interviews e.t.c. And we might wonder what it imply?
What is Semantics html?
Generally, semantics is the study of meaning. Web development and Tech have their intrinsic data structures or attributes that makes them unique in their own way. Thus, Semantics html is regarded as the using of associated tags with an associated meaning or message throughout a webpage structure. Semantics html imply using a html tag that is mutually exclusive with a webpage content. I.e a <div></div> should be use with division of elements as well as using <li></li> with ordered and unordered lists. Semantics html also connotes Semantics html tags. Which can be found in HTML4, HTML5 and XHTML.
What does the structure of Semantics Html looks like.
Here are illustration images of some Semantics html tags vs !Semantics html tags.
Semantics tags:
!Semantics tags:
<html>
<body>
<div>Header</div>
<div>Home</div>
<div>Footer</div>
</body>
</html>
Why Semantics html is needed?
1- For better Commenting
Comments are the graphical way of providing messages to developers and for drawing layout within a block of code. With the use of appropriate semantics html tags, developers can easily select a tag and audit their comment since the block of code is direct and easily readable.
2- Effective Validation
For effective semantic validation of input elements, it really matters to use the <form> tag instead of <div> or <span>. The <form> tag is basically for validation of inputs which "Post" and "Get" information to and fro the server. The semantics <form> will provide easy, fast and bug-free validation when use unlike the other html tags.
3- Ease Readability
Codes are meant to be smooth and "KISS". Using the appropriate semantics html tag with a message will provide a direct way of inputing readable messages and meaning to testers, or those who wish to view your code and even to yourself. When you come across bugs in your code, semantics html tags will help navigate swiftly to the bug.
4- For enhance SEO
Html codes are meant to be interpreted and understand by search engines. For fast and prompt search engine optimisation, it is advisable to use semantics html tags. The better your semantics tags, the more search engines such as Google, Bing, Yahoo, MSN and Hotbot will put your html pages above others who are less semantic.
In conclusion
Semantics html tags is relevant and fruitful for both developers and Search Engines. Thus, it is advisable to use in our daily coding.
Thank you for hearing the little I have said. See you next...
