Semantic HTML মানে এমন উপাদান ব্যবহার করা যা তাদের বিষয়বস্তুর অর্থ বর্ণনা করে, শুধুমাত্র এর চেহারা নয়। <nav> বলে "এটি নেভিগেশন"; <button> বলে "এটি ক্লিক করা যায়" — যখন <div> কিছুই বলে না।
html
Home
Home
Semantic HTML মানে এমন উপাদান ব্যবহার করা যা তাদের বিষয়বস্তুর অর্থ বর্ণনা করে, শুধুমাত্র এর চেহারা নয়। <nav> বলে "এটি নেভিগেশন"; <button> বলে "এটি ক্লিক করা যায়" — যখন <div> কিছুই বলে না।
Home
Home
দুটিই একইভাবে স্টাইল করা যায়, কিন্তু শুধুমাত্র দ্বিতীয়টি ব্রাউজার, স্ক্রিন রিডার এবং সার্চ ইঞ্জিন দ্বারা বোঝা যায়।
<header>, <nav>, <main>, <footer> থেকে একটি ল্যান্ডমার্ক ম্যাপ তৈরি করে, ব্যবহারকারীদের অঞ্চলের মধ্যে জাম্প করতে দেয়। <div>গুলির একটি দেয়াল তাদের কিছুই দেয় না।<h1>, <article>, <main> এ বিষয়বস্তু ওজন দেয় এবং পৃষ্ঠা কাঠামো বোঝে।<button> ফোকাসযোগ্য, কীবোর্ড-সক্রিয় (Enter/Space), এবং একটি বোতাম হিসাবে ঘোষণা করা হয় — <div onclick> এর কোনটিই নয় যদি না আপনি এটি নিজে পুনরায় যোগ করেন।<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
অঙ্গুষ্ঠির নিয়ম: এমন উপাদান খুঁজুন যা আপনি যা বোঝাতে চান তা মানে, এবং শুধুমাত্র <div>/<span> ব্যবহার করুন স্টাইলিং কন্টেইনার হিসাবে যখন কোন সিমান্টিক উপাদান মানানসই হয় না।
এটি সবচেয়ে সস্তা অ্যাক্সেসিবিলিটি এবং SEO জয় যা আপনি করতে পারেন।