HTML title ট্যাগ ও title ট্যাগের ব্যবহার

একটি ওয়েবপেজ তৈরি করার সময় HTML Page এ title বা শিরোনাম  দেয়ার প্রয়োজন হয় এবং এটি থাকে সবার উপরে ট্যাব এর নাম আকারে এর সঠিক ব্যবহারে আপনার কন্টেন্ট গুলো SEO Friendly ও হবে। HTML Page এ title দেবার জন্য Title ট্যাগ ব্যবহার করা হয় । তো নিচের অংশে দেখে নেই title ট্যাগের ব্যবহার।

HTML title ট্যাগের ব্যবহারঃ

<!DOCTYPE html>
<html>
  <head>
    <title>Use of HTML title tag..</title>
  </head>
  <body>
    <h2>Use of HTML title tag that will show as a tab heading</h2> 
  </body>
</html>

 

উপরের প্রথম অংশে HTML DOCTYPE দেয়া রয়েছে যা ডকুমেন্টের টাইপ বলে দেয় । এরপর html, head, এবং title ট্যাগ। সেখানে title ট্যাগের মধ্যে টাইটেল আকারে কিছু লেখা রয়েছে। এবার body ট্যাগের মধ্যে কিছু লেখা আছে। এরপর যেকোন ব্রাউজারে উপরের কোডগুলো রান করলে নিচের ছবির মতো দেখা যাবে।

HTML title ট্যাগ

HTML title ট্যাগ

যেখাবে একদম উপরে দেখতে পাচ্ছি ব্রাউজারের ট্যাব এর নাম আকারে এসেছে title tag এর মধ্যা ব্যবহৃত টেক্সট টি ।

title ট্যাগ এর পাশাপাশি title Attribute ও আছে এবং শুরুর দিকে অনেকেই গুলিয়ে ফেলে । যদি title attribute হয় তো এটি হবে নিচের মতো

<a href="https://kivabe.com" title="Click to visit kivabe.com">Kivabe.com</a>

যার আউটপুট হবে এই রকম যে আপনি যে ট্যাগে টাইটেল এট্রিব্রিউট ব্যবহার করেছেন, তার উপর মাউচ নিয়ে গেলে সেইটা দেখা যাবে । যেমন Kivabe.com এর উপর মাউস নিয়ে একটু অপেক্ষা করুন।

নোট :

  1. আপনি একবারের বেশি title tag ব্যবহার করতে পাবেন না ।
  2. টাইটেল ট্যাগ সবসময় হেড ট্যাগ (head tag) এর মধ্যেই বসে ।
  3. ওয়েব পেজে টাইটেল ট্যাগ না থাকলে HTML Validator আপনার ডকুমেন্ট ভেলিডেট করবেনা ।

 

Related Post

HTML meta ট্যাগ ও meta ট্যাগের ব্যবহার... সাধারণত meta ট্যাগ ব্যবহার করে ব্রাউজারকে অতিরিক্ত তথ্য প্রধান করা হয়ে থাকে।  meta ট্যাগের কোন ক্লোজিং ট্যাগ নেই।  আপনি একটি ওয়েব পেজ তৈরি করার সময় এক...
ওয়েবসাইটে গুগল ম্যাপ যোগ করবো কিভাবে... অনেক সময় কিছু কিছু ওয়েবসাইটে ভিজিট করার সময় আমরা Google Map দেখে থাকি। আমরা অনেকেই জানি Google Map ব্যবহার করে রোড়ম্যাপ, লোকেশন ট্র্যাক সহ অনেক ধরনের ...
HTML হেডিং ট্যাগ ও এর ব্যবহার... সাধারণত HTML এ ছয় ধরনের হেডিং ট্যাগ রয়েছে, h1 to h6 পর্যন্ত। তবে h1 সবচেয়ে বড় হেডিং ট্যাগ এবং সবার ছোট h6 Heading Tag. HTML এ কোন ওয়েবপেজে কোন ডকুমেন্...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
HTML br ট্যাগ এবং br ট্যাগের ব্যবহার... আমরা ওয়েবে সাধারনত বিভিন্য Paragraph গুলো p tag এর মধ্যে রাখি । আর লিখাগুলো এক লাইন শেষ হলে অটো পরের লাইনে চলে আসে । কিন্তু এমন যদি হয় যে আপনি চাচ্ছেন...
HTML address ট্যাগ এর ব্যবহার... কোন তথ্য বা নথির যোগাযোগের ক্ষেত্রে address ট্যাগ ব্যবহার করা হয়। আবার ওয়েব পেজে কোন ঠিকান লেখবার জন্যও address ট্যাগ ব্যবহার করা হয়ে থাকে। ধরুন, আপনি...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!