<meta> ট্যাগ HTML ডকুমেন্টের মধ্যে মেটাডেটা সংজ্ঞায়িত করতে ব্যবহৃত হয়, যেমন তথ্য, কিওয়ার্ড, লেখক ইত্যাদি। HTML5-এ <meta> ট্যাগ দিয়ে ভিউপোর্ট (viewport) সেট করা যায়।
মেটা ইনফরমেশন যোগ করার এবং <meta> ট্যাগ ব্যবহারের বিভিন্ন পদ্ধতি নিচে দেওয়া হলো −
লেখক (Author)
ওয়েব পেজের লেখক যোগ করতে নিচেরটি ব্যবহার করুন:
<meta name="author" content="Amit">
বিবরণ (Description)
ওয়েব পেজের বিবরণ সংজ্ঞায়িত করতে নিচেরটি ব্যবহার করুন:
<meta name="description" content="Learn from Text and Video Tutorials">
কিওয়ার্ডস (Keywords)
ওয়েব পেজে কিওয়ার্ড যোগ করতে নিচেরটি ব্যবহার করুন:
<meta name="keyword" content="Java, WordPress, Drupal, Android, iOS">
ভিউপোর্ট সেট করা (Viewport)
ভিউপোর্ট মোবাইল ব্রাউজারে লে আউট কন্ট্রোল করতে ব্যবহৃত হয়। এটি <meta> ট্যাগের ভিতরে ব্যবহার করা হয় ব্রাউজারকে নির্দেশ দিতে যে ওয়েব পেজের ডাইমেনশন এবং স্কেলিং কীভাবে হ্যান্ডেল করবে।
<meta name="viewport" content="width=device-width, initial-scale=1.0">
উদাহরণ
নিচের কোড চালিয়ে <meta> ট্যাগ সম্পর্কে শিখুন:
<!DOCTYPE html> <html> <head> <meta name="description" content="Learn from Text and Video Tutorials"> <meta name="keywords" content="Java, WordPress, Drupal, Android, iOS"> <meta name="author" content="Amit"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <p>This is is demo text. The head tag consists of all the meta information.</p> </body> </html>
