What is semantic HTML?

Semantic HTML মানে এমন HTML ব্যবহার করা যার tag নিজেই তার অর্থ (meaning) বোঝায়। <header> থেকে বোঝা যায় এটি পেজের ওপরের অংশ, <nav> মানে নেভিগেশন, আর <article> থেকে বোঝা যায় স্বাধীন কনটেন্ট।

এর উল্টো হলো <div> আর <span> — এরা কোনো অর্থ বহন করে না, কেবল container হিসেবে কাজ করে। অর্থবহ tag দিয়ে লেখা কোড যেমন পড়া সহজ, তেমনি codebase-এ যে কেউ ঢুকে সহজেই গঠন বোঝে।

Semantic HTML-এর কারণে তিনটি জিনিস উন্নত হয় — (১) accessibility: screen reader দুর্বল চোখের ব্যবহারকারীদের কাছে সঠিকভাবে বোঝায় কোন অংশ কী, (২) SEO: search engine পেজের গুরুত্বপূর্ণ অংশ শনাক্ত করে, (৩) readability: ডেভেলপারের কাছে কোড স্পষ্ট থাকে।