এইচটিএমএল <meta> ট্যাগ
<meta> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<meta> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
এইচটিএমএল ডকুমেন্টের জন্য মেটাডাটা ডিক্লেয়ার করার জন্য <meta> ট্যাগটি ব্যবহার করা হয়।
<meta> ট্যাগ এইচটিএমএল ডকুমেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। মেটাডাটা ব্রাউজারে প্রদর্শিত হয় না, কিন্ত ব্রাউজার এটিকে বুঝতে পারে।
<meta> এলিমেন্ট মূলত পেজের ডেসক্রিপশন, কীওয়ার্ড, ডকুমেন্টের লেখকের তথ্য, মডিফিকেশন ডেট এবং অন্যান্য মেটাডাটা সরবরাহ করার জন্য ব্যবহৃত হয়।
এছাড়াও <meta> এলিমেন্টের মাধ্যমে খুব সহজেই ভিউপোর্টকে কন্ট্রোল করা যায়। নিচের উদাহরণে ভিউপোর্টকে কিভাবে কন্ট্রোল করা যায় তা দেখানো হয়েছে।
মেটাডাটা ব্রাউজার, সার্চ ইঞ্জিন এবং সার্ভারকে বিভিন্ন গুরুত্বপূর্ণ তথ্য সরবরাহ করে।
কিভাবে এইচটিএমএল ডকুমেন্টে <meta> ট্যাগের ব্যবহার করা যায়, তা নিচের উদাহরণের মাধ্যমে দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="HTML, Meta tag, Metadata">
<meta name="description" content="Brief description of the meta tag">
<meta name="author" content="Zehadul Islam">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<p>সকল মেটাডাটা head সেকশনের মধ্যে লিখতে হয়।</p>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
<meta>ট্যাগ সবসময়<head>এলিমেন্টের ভিতরে থাকবে।- মেটাডাটা সবসময় নাম/ভ্যালু জোড়ায় জোড়ায় থাকে।
কয়েকটি মেটা ডাটার উদাহরণ
উদাহরণ ১ - সার্চ ইঞ্জিনের জন্য কীওয়ার্ড নির্ধারনঃ
<meta name="keywords" content="HTML, Meta tag, Metadata">
উদাহরণ 2 - ওয়েব পেজের বর্ণনা
<meta name="description" content="Brief description of the meta tag">
উদাহরণ 3 - পেজের লেখক সম্পর্কে তথ্য
<meta name="author" content="Zehadul Islam">
উদাহরণ 4 - প্রতি ৩০ সেকেন্ড পরপর ডকুমেন্ট রিফ্রেশ
<meta http-equiv="refresh" content="30">
উদাহরণ 5 - সকল ডিভাইসের জন্য ওয়েবসাইট দেখতে দৃষ্টিনন্দন করা
<meta name="viewport" content="width=device-width, initial-scale=1.0">
এট্রিবিউট
নিচের টেবিলে <meta> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| charset | character_set | এইচটিএমএল ডকুমেন্টের জন্য ক্যারেক্টর এনকোডিং নির্ধারণ করে। |
| content | text | name এট্রিবিউটের ভ্যালুর সাথে সংযুক্ত করে কন্টেন্ট নির্ধারণ করে। |
| http-equiv | content-type default-style refresh |
content এট্রিবিউটের ভ্যালু জন্য HTTP হেডার সরবরাহ করে। |
| name | application-name author description keywords |
মেটাডেটার জন্য একটি নাম নির্ধারণ করে। |
<meta> ট্যাগে গ্লোবাল ও ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে না |