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 tag ও html attributes... আমাদের আজকের আলোচনার বিষয় এইচটিএমএল ট্যাগ ( html tag ) ও এট্রিবিউট নিয়ে।  এর আগের আর্টিকেল এ আমরা জেনেছিলাম কিভাবে এইচটিএমএল দিয়ে Hello World লিখা যায়...
HTML iframe ট্যাগ ও iframe ট্যাগের ব্যবহার... সাধারণত iframe ট্যাগ ব্যবহার করে একটি ওয়েবসাইটের মধ্যে অন্য একটি ওয়েবসাইট কিংবা ওয়েবপেজ ভিউ করানো হয়ে থাকে। ধরুন, আপনি কোন একটি ওয়েবসাইট অন্য কোন ওয়েব...
html img tag কিভাবে ব্যাবহার করবেন... Web Page এ ছবি নিয়ে আসবার জন্য আমাদের img tag টি ব্যবহার করতে হয় html code এ । html5 standard এ img tag এর দুটি attribute থাকতেই হবে, আর তারা হচ্ছে, s...
HTML i ট্যাগ ও i ট্যাগের ব্যবহার... সাধারণত HTML i ট্যাগ ব্যবহার করে যেকোন লেখাকে Italic  বা বাকা করা যায়। অর্থাৎ i ট্যাগ ব্যবহার করলে text গুলো এই ধরনের হয়ে যায় This is html i tag । মাঝ...
HTML – এইচটিএমএল কি এবং HTML শিখবো কিভাবে... HTML কি এবং HTML শিখবো কিভাবে? HTML একটি web based programing language যা ওয়েব সাইত তৈরি করতে ব্যবহার করা হয় এবং আজকাল মোবাইল এর অনেক এপ্লিকেশন বানাতে...
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 !!