Developer की समझ को आसान बनाने के लिए बहुत सारे सुधार html 5.0 में किए गए हैं। इसी क्रम में semantics बनाये गये हैं। semantics का प्रयोग होने पर यह स्पष्ट पता चल जाता है कि क्या बनाया गया है उस टैग के अंदर या फिर किस तरह का content इस टैग में होगा। यह किसी नये डेवलपर के लिए भी जो किसी कंपनी में काम करने के लिए जाता है और उसे पहले से कोडिंग की हुई Html फाइल मिलती है, वह देखकर समझ जाता है कि कहां क्या बनाया गया है। और वह आसानी से उसे अपने अनुसार edit कर सकता है। <span> और <div> non-semantics टैग हैं, क्योंकि इसके नाम से यह नहीं पता चल पाता कि इसमें क्या बनाया या लिखा गया होगा।
Advantages of semantics:
यह कोड को काफी आसानी से read करने की सुविधा देता है। जैसा कि इसके टैग के नाम से ही पता चल जाता है कि क्या बनाया गया होगा जैसे <article> टैग। इसे देखकर ही पता चल जाता है कि कोई article लिखी गयी है। यह SEO (search engine optimization) को काफी आसान बना देता है।
Semantics Tag क्या हैं?
कई तरह के टैग semantics में बनाये गये हैं।
<article>
<article> उस वेबसाइट से संबंधित भी हो सकता है अथवा उस वेबसाइट से पूरी तरह अलग topic भी हो सकता है। लेकिन टैग से पता चल जाता है कि को ई लेख लिखा गया होगा। यह कोई Forum posts, Blog Posts, News articles, User comments या Product cards हो सकता है।
<aside>
यह किसी वेबसाइट या वेबपेज के sidebar की तरह Html में कोड किया जाता है। यह अपने main document के content से indirectly संबंधित होता है।
<section>
Chapters, Introduction, News items और contact information के लिए इस टैग को लिखा जा सकता है। वेबपेज पर जानकारी को कई सेक्शन में बांट कर कोड किया जा सकता है।
<header>
Header टैग के अंदर introductry content जैसे logo, heading वगैरह और नेविगेशन टैग होता है। एक वेबपेज में कई <header> हो सकते हैं।
<footer>
<footer> टैग में निम्न को कोड किया जा सकता है-
1. authorship information
2. copyright information
3. contact information
4. sitemap
5. back to top links
6. related documents
<nav>
यह टैग कई लिंक को दिखाता है। जैसे वेबपेज में ऊपर होम गैलरी आदि links.