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="http://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 hr ট্যাগ ও hr ট্যাগের ব্যবহার... সাধারণত HTML hr  ট্যাগ কোন ডকুমেন্ট কিংবা কোন লাইনে ব্যবহার করলে নিচের দিকে লম্ব রেখা তৈরি হয়। hr tag আসলে Horizontal Line কে বুঝায়। অনেক সময় কিছু সাই...
HTML এ বাংলা লিখবো কিভাবে... HTML এ বাংলা লিখলেই বাংলা আসেনা অনেক ওয়েব ব্রাউজারে কারন আমরা ওয়েব পেজে যে বাংলা লিখি সেটি ইউনিকোড ভিত্তিক । বাংলা লিখবার জন্য আসলে html এ character s...
html এ DOCTYPE html কেন ব্যবহার হয়... শুরুতেই বলে রাখা ভালো  কে সম্পূর্ন ট্যাগ বলা হয় না।  ব্যাবহার করা হয়ে থাকে  html এর কোন ভার্সন সেইটাকে বোঝাতে।  এইচট...
HTML nav ট্যাগ ও nav ট্যাগের ব্যবহার... সাধারণত HTML nav ট্যাগ ন্যাভিগেশন লিংকগুলির একটি সেটকে নির্ধারণ করে থাকে। যেমন ধরুনঃ কোন একটি সাইটে সাথে আরও একটি সাটের  লিংক করবেন কিংবা আপনার web pa...
HTML u ট্যাগ ও u ট্যাগের ব্যবহার... সাধারণত HTML u ট্যাগ কোন ডকুমেন্টে ব্যবহার করা হলে সে ডকুমেন্টের নিচের দিকে আন্ডারলাইন যুক্ত হয়। আমরা anchor tag ব্যবহার করলে লিংক এর নিচে আন্ডার লাইন...
এইচ টি এম এল কি একটি ওয়েব পেজের মূল গঠন তৈরি করতে HTML ব্যবহার করা হয়ে থাকে। এইচ টি এম এল হচ্ছে মার্কআপ ল্যাঙ্গুয়েজ, HTML প্রোগ্রামিং ল্যাঙ্গুয়েজ নয়। HTML এর ফুল ফ...
html ol ul tag ও li tag এর ব্যবহার... HTML এর মধ্যে দুই ধরনের লিস্ট তৈরি করা যায় প্রথমটি হচ্ছে অর্ডারড লিস্ট এবং দ্বিতীয়টি আনঅর্ডারড লিস্ট। আন অর্ডারড লিস্ট হচ্ছে ul ( Unordered list ) এবং...
HTML meta ট্যাগ ও meta ট্যাগের ব্যবহার... সাধারণত meta ট্যাগ ব্যবহার করে ব্রাউজারকে অতিরিক্ত তথ্য প্রধান করা হয়ে থাকে।  meta ট্যাগের কোন ক্লোজিং ট্যাগ নেই।  আপনি একটি ওয়েব পেজ তৈরি করার সময় এক...
Html দিয়ে কিভাবে Table তৈরি করবেন... HTML Table সাধারণত একটি ওয়েবপেজে ব্যাবহার করা হয়। Table ব্যাবহার করে আমরা অনেক ডাটা কলাম সারিবব্ধ ভাবে সাজাতে পারি। এইচটিএমএল টেবিল তৈরি করার আগে আপনা...
aside ট্যাগ ও HTML aside ট্যাগের ব্যবহার... aside ট্যাগ কোন ডকুমেন্ট এর সাথে রিলেটেড বিষয় গুলকে আলাদা রাখবার জন্য ব্যবহার হয়। এক কথায় কোন প্রবন্ধ বা আটিকেল এর সাথে সম্পর্ক যুক্ত বিষয় গুল একটু সা...

You may also like...

Leave a Reply

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