এইচটিএমএলের হেড ট্যাগ
প্রকাশ: রবিবার, ৩১ মার্চ, ২০২৪
টেকভয়েস২৪ ডেস্ক
ছবি:
সংগৃহীত
সবাইকে অভিনন্দন জানিয়ে শুরু করছি আমার আজকের HTML নিয়ে আলোচনার তৃতীয় পর্ব। গত পর্বে আমি সংক্ষেপে আলোচনা করার চেষ্টা করেছি এইচটিএমএল কাঠামো, এইচটিএমএল লেখতে যা প্রয়োজন বা এইচটিএমএল এডিটর এসব বেসিক ধারণা সম্পর্কে। আজ আপনাদের সামনে নিয়ে এলাম #HTML head tag এর কিছু element tag বিয়ষটি নিয়ে।
আগের ধাপে জেনেছি যে HTML ডকুমেন্টে #HEAD ট্যাগের ভিতর ওয়েবপেজ সম্পর্কিত বিভিন্ন তথ্য দেয়া হয়। তথ্য গুলোর ভিতর থাকতে পারে ওয়েবসাইট/ওয়েবপেজ সম্পর্কিত তথ্য (যেমন- ওয়েব সাইটের title, সাইটের author এর নাম ইত্যাদি)।
এখানে আরো থাকে ওয়েবপেজের ডিজাইন সম্পর্কিত তথ্য এবং আরো অনেক কিছু; যেগুলো ওয়েব-ব্রাউজার এ সরাসরি দেখাবেনা। তবে পাতার উপর প্রভাব রাখবে।
নিচে <head> tag এর ভিতর ব্যবহৃত হয় এরকম কিছু HTML element tag এর পরিচয় দেয়া হল।
<title> tag
ওয়েব সাইটের টাইটেল নির্দিষ্ট করে দেয়া যায় এ ট্যাগ দিয়ে। টাইটেল দেখা যায় টাইটেল বারে। টাইটেল বার হচ্ছে প্রত্যেক উইন্ডোর উপরের বারটি, যেখানে উইন্ডোজটি বন্ধ, মিনিমাইজ, ম্যাক্সিমাইজ করার বাটন থাকে। উদাহরণ কোড-
<head>
<title>This is the title</title>
</head>
<link /> tag
বাইরের কোনো সোর্স থেকে কিছু (স্টাইল শিট, ফ্যাভিকন ইত্যাদি) লোড করার জন্য এ tag টি ব্যবহার করা হয়। উপরে style.css নামের একটি স্টাইল শিট যুক্ত করার উদারহণ দেয়া হয়েছে। উদাহরণ কোড-
<head>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
স্টাইল শিট হচ্ছে এমন একটি ফাইল যেখানে ওয়েব সাইটটির ডিজাইন কেমন হবে তা সম্পর্কিত তথ্য থাকে, যা লিখা হয় সিএসএস ভাষায় দিয়ে।
<meta /> tag
বিভিন্ন metadata তথ্য দিতে এ tag টি ব্যবহার করা হয়। metadata হচ্ছে এইচটিএমএল ডকুমেন্টটি সম্পর্কিত তথ্য। যেমন- ওয়েব সাইটের বণর্না, ওয়েবসাইটের লেখক, ওয়েবসাইটের কি-ওয়ার্ড ইত্যাদি।
নিচের উদাহরণ কোডটি দিয়ে কি-ওয়ার্ড যুক্ত করা যায় এইচটিএমএল পাতায়। অনুসন্ধান ইঞ্জিন (যেমন- Google) এর জন্য কি-ওয়ার্ড এভাবে নির্দিষ্ট করে দেয়া যায়, ফলে অনুসন্ধান ইঞ্জিন বুঝতে পারে সাইটটি আসলে কিসের।
<head>
<meta name=”keywords” content=”ICT Tutor, ICT, Information and Communication Technology”>
</head>
ওয়েব পেজের বর্ণনা (description) নিচের মত কোড দিয়ে নির্দিষ্ট করে দেয়া যায়।
<head>
<meta name=”description” content=”An interactive learning App.”>
</head>
পেজের লেখক (author) কে তা নিচের মত কোড দিয়ে নির্দিষ্ট করে দেয়া যায়।
<head>
<meta name=”author” content=”Mohammad Imran Hossain”>
</head>
<script> tag
HTML ডকুমেন্টের ভিতর JavaScript কোড লিখতে এ tag টি ব্যবহার করা হয়। JavaScript হল একটি ওয়েব প্রোগ্রামিং ভাষা। উদাহরণ কোড-
<script>
/* JavaScript things */
</script>
<style> tag
HTML ডকুমেন্টের ভিতর CSS অর্থাৎ Style নির্দিষ্ট করার জন্য এ tag ব্যবহৃত হয়। উদাহরণ কোড-
<style>/* style things */
</style>
লেখক : সৌরভ হোসেন, কন্টেন্ট রাইটার, ডিজিটাল স্কিলস ফর বাংলাদেশ গ্রুপ
