HTML Style Guide
HTML Style Guide (বাংলা টিউটোরিয়াল)
একটি পরিষ্কার, সুশৃঙ্খল এবং পেশাদার HTML কোড লেখার নিয়মাবলি জানুন।
১️⃣ HTML ডকুমেন্টের মৌলিক গঠন
<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>পৃষ্ঠা শিরোনাম</title>
</head>
<body>
<h1>হ্যালো ওয়ার্ল্ড</h1>
</body>
</html>
✅ সর্বদা <!DOCTYPE html> ব্যবহার করুন।
২️⃣ ইন্ডেন্টেশন (Indentation)
প্রতিটি nested element ২ বা ৪ space দিয়ে indented রাখুন যাতে কোড পড়তে সহজ হয়।
<ul>
HTML CSS ৩️⃣ ট্যাগ নাম ও অ্যাট্রিবিউট
- সব ট্যাগ ও অ্যাট্রিবিউট ছোট হাতের অক্ষরে লিখুন।
- সব অ্যাট্রিবিউট মান (value) ডাবল কোটেশনে রাখুন।
<img src="image.jpg" alt="নমুনা ছবি">৪️⃣ ফাঁকা লাইন ও মন্তব্য (Comments)
বড় বড় সেকশন আলাদা করতে ফাঁকা লাইন দিন এবং কোড বোঝাতে মন্তব্য লিখুন।
<!-- Navigation Section শুরু -->
৫️⃣ CSS স্টাইল যুক্ত করার নিয়ম
ইনলাইন, ইন্টারনাল ও এক্সটারনাল — এই তিনভাবে CSS যোগ করা যায়। পেশাদারভাবে এক্সটারনাল CSS ব্যবহার করা উত্তম।
<link rel="stylesheet" href="style.css">৬️⃣ ফাইল নামকরণের নিয়ম
- ছোট হাতের অক্ষর ব্যবহার করুন।
- স্পেসের বদলে হাইফেন (-) ব্যবহার করুন।
- উদাহরণ:
about-us.html,contact-form.html
