HTMLBeginner
HTML Headings (শিরোনাম)
h1 থেকে h6 পর্যন্ত HTML heading কীভাবে ব্যবহার করবেন, heading hierarchy ও SEO-তে এগুলোর ভূমিকা — বাংলায়।
9টি অংশবাংলা ভাষায়
শিরোনামের জন্য <h1> থেকে <h6> পর্যন্ত ছয়টি ট্যাগ রয়েছে। <h1> সবচেয়ে বড়, <h6> সবচেয়ে ছোট।
উদাহরণ
<h1>সবচেয়ে বড় শিরোনাম</h1>
<h2>সাব-শিরোনাম</h2>
<h3>অধঃস্তন সাব-শিরোনাম</h3>
...
<h6>সবচেয়ে ছোট শিরোনাম</h6>Heading কেন গুরুত্বপূর্ণ
- পেজের ভেতরের বিষয়বস্তু সুসংগঠিত হয়
- খোঁজার ইঞ্জিন (Search Engines) heading পড়ে পেজের বিষয় বোঝে
- Screen reader ব্যবহারকারীরা heading দিয়ে দ্রুত নেভিগেট করেন
- পাঠকরা স্ক্যান করে দ্রুত বুঝতে পারেন
সঠিক hierarchy বজায় রাখুন
শুধু বড় হরফের জন্য <h1> ব্যবহার করবেন না — একটি পেজে সাধারণত একটি <h1> থাকা উচিত, তারপর নির্দিষ্ট অনুক্রমে <h2>, <h3>।
সঠিক পদ্ধতিhtml
html
<h1>ফুল স্ট্যাক ওয়েব ডেভেলপমেন্ট</h1>
<h2>ফ্রন্টএন্ড</h2>
<h3>HTML ও CSS</h3>
<h3>JavaScript</h3>
<h2>ব্যাকএন্ড</h2>লেভেল স্কিপ করবেন না
হঠাৎ <h1> থেকে সরাসরি <h3>-এ চলে যাওয়া accessibility সমস্যা তৈরি করে। ধাপে ধাপে লেভেল অনুসরণ করুন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।