HTML-এ <meta> এলিমেন্ট মেটাডেটা বর্ণনার জন্য ব্যবহৃত হয়—যেমন: വിവরণ (description), কীওয়ার্ড (keywords), নথির লেখক (author) ইত্যাদি। এই মেটাডেটা পৃষ্ঠায় প্রদর্শিত হয় না, কিন্তু সার্চ ইঞ্জিন, ওয়েব ব্রাউজার ইত্যাদি এগুলো ব্যবহার করে।
আপনি <meta> এর অধীনে ভিউপোর্ট (viewport) সেট করে ওয়েব পৃষ্ঠার মাত্রা নির্ধারণ করতে পারেন:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
অ্যাট্রিবিউটসমূহ
| ক্রম | প্রকার ও বিবরণ |
|---|---|
| ১ | Name প্রোপার্টির নাম। যেকোনো কিছু হয়তে পারে। উদাহরণ: keywords, description, author, revised, generator ইত্যাদি। |
| ২ | content প্রোপার্টির মান নির্দিষ্ট করে। |
| ৩ | scheme (অপ্রচলিত) প্রোপার্টির মান ব্যাখ্যা করার জন্য একটি স্কিম নির্দিষ্ট করে (content অ্যাট্রিবিউটে ঘোষিত)। |
| ৪ | http-equiv HTTP রেসপন্স মেসেজ হেডারের জন্য ব্যবহৃত। উদাহরণ: পৃষ্ঠা রিফ্রেশ বা কুকি সেট করতে http-equiv ব্যবহার করা যায়। মান: content-type, expires, refresh, set-cookie। |
| ৫ | charset ক্যারেক্টার এনকোডিং। |
উদাহরণ
<meta> ট্যাগ বাস্তবায়নের একটি উদাহরণ:
<!DOCTYPE html> <html> <head> <meta name="description" content="Learn for free"> <meta name="keywords" content="Video tutorials, free tutorials, learn, web"> <meta http-equiv="refresh" content="20"> <meta name="author" content="Jack Sparrow"> </head> <body> <h2>Tutorials</h2> <p>Programming tutorials for free:</p> <ol> <li>Java</li> <li>C++</li> <li>C</li> <li>C#</li> </ol> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
