HTML Basic Structure কি ?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

১। <!DOCTYPE html> কি কাজ করে আমাদের ওয়েব পেজ এ ।

<!DOCTYPE html> একটি ডকটাইপ ডিক্লারেশন যা একটি HTML ডকুমেন্টের শুরুতে রাখা হয়। এটি ব্রাউজারকে জানায় যে ডকুমেন্টটি কোন HTML Version এ লেখা হয়েছে। আধুনিক ওয়েব ডেভেলপমেন্টে সাধারণত HTML5 ব্যবহার করা হয়। কিন্তু বর্তমানে HTML5 সর্বাধিক ব্যবহৃত হয় এবং HTML5 ডকটাইপ খুবি সহজ।

২। <html lang="en"> HTML ডকুমেন্টের মূল ট্যাগ। এখানে lang="en" নির্দেশ করে যে এই HTML ডকুমেন্টটি ইংরেজিতে লেখা। এটি সার্চ ইঞ্জিন এবং স্ক্রীন রিডারগুলোর জন্য সহায়ক, কারণ তারা বুঝতে পারে কন্টেন্টটি কোন ভাষায়।

৩। <head> ট্যাগ HTML ডকুমেন্টের একটি অংশ, যেখানে গুরুত্বপূর্ণ তথ্য থাকে যা ব্রাউজারের জন্য এবং সার্চ ইঞ্জিনের জন্য গুরুত্বপূর্ণ।

৪। <title> ট্যাগটি HTML ডকুমেন্টের শিরোনাম নির্ধারণ করে। এই শিরোনামটি ব্রাউজারের ট্যাব বা উইন্ডোর শিরোনাম বারে প্রদর্শিত হয়। এছাড়াও, এটি বুকমার্ক হিসাবে পৃষ্ঠাটি সংরক্ষণ করলে শিরোনাম হিসেবে ব্যবহৃত হয় এবং সার্চ ইঞ্জিন ফলাফলেও প্রদর্শিত হয়। <title> ট্যাগটি সবসময় <head> ট্যাগের ভিতরে থাকতে হবে এবং প্রতিটি HTML ডকুমেন্টে শুধুমাত্র একটি <title> ট্যাগ থাকতে পারে। এটি সার্চ ইঞ্জিন অপ্টিমাইজেশনের জন্যও খুবই গুরুত্বপূর্ণ।

৫। <meta charset="UTF-8"> একটি মেটা ট্যাগ যা HTML ডকুমেন্টের চরিত্র সেট (character set) নির্ধারণ করে। এটি ব্রাউজারকে জানায় যে ডকুমেন্টে ব্যবহৃত অক্ষরগুলি কীভাবে এনকোড করা হয়েছে। UTF-8 হল সবচেয়ে জনপ্রিয় চরিত্র সেট, যা প্রায় সব ধরণের অক্ষর ও প্রতীক এনকোড করতে সক্ষম। এটি সমস্ত ভাষার জন্য সাধারণভাবে ব্যবহৃত হয়, কারণ এটি বহুভাষিক টেক্সট এনকোড করতে পারে।

৬। <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ট্যাগটি HTML ডকুমেন্টের জন্য খুবই গুরুত্বপূর্ণ, বিশেষ করে যখন আপনি মোবাইল ডিভাইসগুলোর জন্য রেস্পন্সিভ ডিজাইন তৈরি করছেন। এর কাজ হলো ভিউপোর্ট (যেটি হল ব্রাউজারে প্রদর্শিত পৃষ্ঠার দৃশ্যমান অংশ) এর আকার সেট করা, যাতে পৃষ্ঠাটি বিভিন্ন স্ক্রিন সাইজে সঠিকভাবে রেন্ডার হয়।

৭।<body> ট্যাগটি HTML মুল বিষয়বস্তু ধারণ করে। এটি ডকুমেন্টের দৃশ্যমান অংশের জন্য ব্যবহৃত হয় যা ব্রাউজারে প্রদর্শিত হয়। <body> ট্যাগের মধ্যে যা কিছু লেখা হয়, তা ব্যবহারকারীরা তাদের ব্রাউজারে দেখতে পায় । <body> ট্যাগটি সবসময় <html> ট্যাগের ভিতরে এবং <head> ট্যাগের পরে আসে। এটি HTML ডকুমেন্টের অত্যন্ত গুরুত্বপূর্ণ অংশ, কারণ এটি ব্যবহারকারীর সাথে সরাসরি যোগাযোগ স্থাপন করে।

এই ছিল HTML Basic Structure কিভাবে কাজ করে সেইটা নিয়ে সহজ ভাবে বুজানোর চেষ্টা করলাম আমি আশা করি আপনাদের উপকার আসবে ইনশাল্লাহ ।