HTML হেডার উপাদান

আরও উদাহরণ

ডকুমেন্টের শিরোনাম
টাইটেল ইলেমেন্ট ডকুমেন্টের শিরোনাম নির্দেশ করে
সকল লিঙ্কগুলোর একটি লক্ষ্য
কিভাবে বেস ট্যাগ ব্যবহার করে সকল লিঙ্কগুলোকে নতুন উইন্ডোতে খোলা যায়
ডকুমেন্টের বর্ণনা
মেটা ইলেমেন্ট ব্যবহার করে ডকুমেন্টকে বর্ণনা করুন
ডকুমেন্টের কী শব্দসমূহ
মেটা ইলেমেন্ট ব্যবহার করে ডকুমেন্টের কী শব্দসমূহ নির্দেশ করুন
ব্যবহারকারীকে নিয়ে যাওয়া
কিভাবে ব্যবহারকারীকে নতুন ওয়েবসাইটে নিয়ে যাওয়া যায়

HTML হেড ইলেমেন্ট

হেড ইলেমেন্ট সকল হেড ইলেমেন্টসমূহের কনটেনার। হেড ইলেমেন্টের মধ্যে এলিমেন্টসমূহ স্ক্রিপ্টসমূহ অন্তর্ভুক্ত করা যায়, শৈলীসমূহকে ব্যবহার করার জন্য পথ নির্দেশ করা যায়, মেটা তথ্য প্রদান করা যায় ইত্যাদি。

নিম্নোক্ত ট্যাগগুলি হেড অংশে যোগ করা যায়: <title>、<base>、<link>、<meta>、<script> এবং <style>。

HTML <title> ইলেমেন্ট

<title> ট্যাগটি ডকুমেন্টের শিরোনাম নির্ধারণ করে。

title ইলেমেন্ট সকল HTML/XHTML ডকুমেন্টে অত্যন্ত প্রয়োজনীয়

title ইলেমেন্ট এটি করতে পারে:

  • ব্রাউজার টুলবারের শিরোনাম নির্ধারণ করা
  • পেজটি সংরক্ষণ চিহ্নে করা হলে দেখা যায় শিরোনাম
  • সার্চ ইঞ্জিনের ফলাফলে দেখা যায় পেজের শিরোনাম

একটি সম্প্রসারিত HTML ডকুমেন্ট:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
ডকুমেন্টের কনটেন্ট...
</body>
</html>

HTML <base> ইলেমেন্ট

<base> ট্যাগটি পেজের সকল লিঙ্ককে ডিফল্ট ঠিকানা বা ডিফল্ট টারগেট (target) নির্ধারণ করে:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link> ইলেমেন্ট

<link> ট্যাগটি ডকুমেন্ট এবং বাইরের সার্ভিসের মধ্যে সম্পর্ক নির্ধারণ করে。

<link> ট্যাগটি সর্বাধিক সাইলসুইটকে সংযুক্ত করতে ব্যবহৃত হয়:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> ইলেমেন্ট

<style> ট্যাগটি HTML ডকুমেন্টের জন্য সাইল তথ্য নির্ধারণ করে。

আপনি style ইলেমেন্টের মধ্যে HTML ইলেমেন্টকে ব্রাউজারে কিভাবে প্রদর্শন করবে তা নির্ধারণ করতে পারেন:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> ইলেমেন্ট

মেটাডাটা (metadata) এটি ডাটার বিষয়ের তথ্য。

<meta> ট্যাগটি HTML ডকুমেন্টের মেটাডাটা নিয়ে এসেছে। মেটাডাটা পেজে দেখা যায় না, কিন্তু মেশিনগুলির জন্য পড়া যায়。

সাধারণত, meta ইলেমেন্টটি পেজের বর্ণনা, কীওয়ার্ড, ডকুমেন্টের লেখক, শেষ সংশোধনীর সময় এবং অন্যান্য মেটাডাটা নির্ধারণের জন্য ব্যবহৃত হয়。

<meta> ট্যাগটি সর্বদা head ইলেমেন্টের মধ্যে থাকে。

মেটাডাটা ব্রাউজার (কিভাবে কনটেন্ট দেখা বা পেজ পুনরায় লোড করা হবে), সার্চ ইঞ্জিন (কীওয়ার্ড), অথবা অন্য ওয়েব সার্ভিসের জন্য ব্যবহৃত হতে পারে。

সার্চ ইঞ্জিনের জন্য কীওয়ার্ডস

কিছু সার্চ ইঞ্জিনগুলি meta ইলেকট্রনের name ও content অ্যাট্রিবিউট ব্যবহার করে আপনার পাতা টাইপকরণ করতে

নিচের meta ইলেকট্রন পাতার বর্ণনা নির্বাচন করে

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

নিচের meta ইলেকট্রন পাতার কীওয়ার্ডস নির্বাচন করে

<meta name="keywords" content="HTML, CSS, XML" />

name ও content অ্যাট্রিবিউটের কাজ পাতার কনটেন্ট বর্ণনা করা

HTML <script> ইলেকট্রন

<script> ট্যাগ ক্লায়েন্ট সক্রিপ্ট, যেমন JavaScript, নির্বাচন করে

আমরা কিছুদিন পরের চপ্তরে script ইলেকট্রনকে ব্যাখ্যা করবো

HTML হেডার উপাদান

ট্যাগ বর্ণনা
<head> ডকুমেন্টের সংক্ষেপ বর্ণনা করতে
<title> ডকুমেন্ট শিরোনাম নির্বাচন করতে
<base> পাতায় সব লিঙ্কের ডিফল্ট ঠিকানা বা ডিফল্ট লক্ষ্য নির্বাচন করতে
<link> ডকুমেন্ট ও বাইরের সংযোগকারী সম্পর্ক নির্বাচন করতে
<meta> HTML ডকুমেন্টের মেটাডাটা নির্বাচন করতে
<script> ক্লায়েন্ট সক্রিপ্ট নির্বাচন করতে
<style> ডকুমেন্টের স্টাইল তথ্য বর্ণনা করতে