JavaScript: document.title নিয়ে বিস্তারিত বাংলা টিউটোরিয়াল
document.title হলো JavaScript DOM-এর একটি প্রপার্টি, যা HTML পেজের <title> ট্যাগের ভ্যালু রিড এবং সেট করতে ব্যবহার করা হয়। সহজ কথায়, এটি পেজের ট্যাব বা ব্রাউজারের শিরোনাম নিয়ন্ত্রণ করে।
document.title কীভাবে কাজ করে?
HTML ডকুমেন্টে <title> ট্যাগ সাধারণত <head> সেকশনে থাকে, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়। document.title দিয়ে আপনি JavaScript থেকে এই টাইটেলটি পড়তে বা পরিবর্তন করতে পারেন।
<title>আমার ওয়েবসাইট</title>
document.title এর ব্যবহার
// বর্তমান পেজের টাইটেল পড়া
console.log(document.title);
// নতুন টাইটেল সেট করা
document.title = "নতুন টাইটেল এখানে";
document.title এর বৈশিষ্ট্য
| প্রপার্টি | বিবরণ |
|---|---|
| document.title | HTML পেজের টাইটেল স্ট্রিং পড়া ও সেট করার জন্য ব্যবহৃত হয়। |
| document.title (getter) | বর্তমান টাইটেল স্ট্রিং রিটার্ন করে। |
| document.title = value (setter) | নতুন টাইটেল স্ট্রিং সেট করে। |
ব্যবহারিক উদাহরণ: পেজ লোডের সময় টাইটেল পরিবর্তন
window.onload = function() {
document.title = "ওয়েবসাইটে স্বাগতম!";
console.log("নতুন টাইটেল সেট করা হয়েছে:", document.title);
};
⚠️ সতর্কতা ও গুরুত্বপূর্ণ টিপস
- যখন
document.titleপরিবর্তন করবেন, তখন তা ব্রাউজারের ট্যাবেও পরিবর্তিত হবে। - ব্রাউজারের SEO বা সার্চ ইঞ্জিন র্যাংকিং-এ সরাসরি প্রভাব নেই, কিন্তু ভালো টাইটেল ইউজার এক্সপিরিয়েন্স বাড়ায়।
- টাইটেলে অপ্রয়োজনীয় স্পেস বা বিশেষ অক্ষর এড়ানো উচিত।
✅ সারাংশ
document.titleদিয়ে HTML ডকুমেন্টের টাইটেল পড়া ও পরিবর্তন করা যায়।- পেজ লোডের সময় বা ডায়নামিকভাবে JS দিয়ে টাইটেল আপডেট করতে এটি খুবই কাজে লাগে।
- এটি একটি স্ট্রিং প্রপার্টি যা সরাসরি অ্যাক্সেসযোগ্য।