HTML শিরোনাম ট্যাগ:ধাপে ধাপে নির্দেশিকা

HTML ট্যাগ একটি ওয়েব পৃষ্ঠার শিরোনাম সংজ্ঞায়িত করে। এই শিরোনামটি আপনার ব্রাউজারে ট্যাব বারে প্রদর্শিত হয় এবং যখন আপনি আপনার বুকমার্ক তালিকায় একটি পৃষ্ঠা যুক্ত করেন। সমস্ত ওয়েব পৃষ্ঠাগুলিতে একটি <title> ট্যাগ থাকা উচিত৷</em>৷ </P> <hr class="wp-block-separator"> <p> আপনি যখন একটি ওয়েব পৃষ্ঠা তৈরি করছেন, আপনি সেই ওয়েব পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করতে চাইবেন। উদাহরণস্বরূপ, বলুন আপনি একটি স্থানীয় বেকারির ওয়েবসাইটের জন্য একটি হোম পেজ তৈরি করছেন। আপনি বেকারির নামটি ওয়েব পৃষ্ঠার শিরোনাম হিসাবে উপস্থিত করতে চাইতে পারেন৷</P>৷ <p> সেখানেই <em><title></em> HTML ট্যাগ আসে৷ <em><title></em>৷ ট্যাগ HTML এ একটি নথির শিরোনাম সংজ্ঞায়িত করে এবং একটি ওয়েব পৃষ্ঠার প্রধান বিভাগে স্থাপন করা হয়। এই টিউটোরিয়ালটি একটি উদাহরণের সাথে <em><title></em> এর গুরুত্ব নিয়ে আলোচনা করবে ট্যাগ, এবং আপনি কীভাবে এটি আপনার কোডে ব্যবহার করতে পারেন।</P> <h2>HTML হেড রিফ্রেসার</h2> <p> HTML এ, <em><head></em> উপাদান শিরোনাম উপাদান সংরক্ষণ করতে ব্যবহৃত হয়. এই উপাদানগুলি একটি ওয়েব পৃষ্ঠা সম্পর্কে অতিরিক্ত তথ্য প্রদান করে, যেমন আইকন যা ওয়েব পৃষ্ঠার জন্য উপস্থিত হওয়া উচিত৷</P>৷ <p> একসাথে, <em><head></em>-এর উপাদানগুলি৷ বিভাগ একটি নথি সম্পর্কে মূল তথ্য বর্ণনা করে। তারা ব্রাউজারটিকে একটি নথিতে ব্যবহৃত স্টাইল শীট এবং স্ক্রিপ্টগুলির দিকে নির্দেশ করতে পারে (যদি ব্যবহার করা হয়)।</P> <h2>HTML <title></h2> <p> HTML <em><title></em> ট্যাগ নথির শিরোনাম সংজ্ঞায়িত করে। এই ট্যাগটি <em><head></em>-এর মধ্যে উপস্থিত হয়৷ ট্যাগ এই ট্যাগ একটি ওয়েব পৃষ্ঠার উদ্দেশ্য সংক্ষিপ্ত করা উচিত. প্রতি পৃষ্ঠায় আপনাকে শুধুমাত্র একটি <title> ট্যাগ নির্দিষ্ট করতে হবে।</P> <p> আসুন এই ট্যাগের সিনট্যাক্স দেখি:</P> <pre><head> <title>Home | Career Karma</title> </head></pre> <p> <title> ট্যাগের একটি খোলা এবং বন্ধ ট্যাগ উভয়ই রয়েছে। এই ট্যাগগুলির মধ্যে, আমরা একটি ওয়েব পেজের জন্য একটি শিরোনাম লিখেছি৷</P>৷ <p> 81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগ দেওয়ার পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷</P>৷ <p> গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় ব্যয় করেছে।</P> <p> আমাদের <title> ট্যাগের পাঠ্য ওয়েব পৃষ্ঠায় দেখায় না। এর কারণ হল আমাদের <title> ট্যাগটি আমাদের ওয়েব পৃষ্ঠায় <body> ট্যাগের পরিবর্তে <head> এ আবদ্ধ।</P> <p> আমাদের উপরের শিরোনাম শক্তিশালী কারণ এটি ব্যবহারকারীকে বলে যে তারা কোন পৃষ্ঠা দেখছে। আমরা সাইটের নামও উল্লেখ করেছি যা "হোম" শিরোনামের সাথে ব্যবহারকারীর একাধিক ট্যাব খোলা থাকলে বিভ্রান্তি প্রতিরোধ করে৷</P> <p> আপনার শিরোনাম পরিষ্কার হওয়া উচিত, পড়তে সহজ এবং খুব দীর্ঘ নয়। শিরোনামগুলির নিম্নলিখিত উদাহরণগুলি বিবেচনা করুন:</P> <ul> <li>ব্লগ – ক্যারিয়ার কর্মা</li> <li>ক্যারিয়ার কর্মের সাথে যোগাযোগ করুন</li> <li>ক্যারিয়ার কর্ম ব্লগ</li> </ul> <p> এই সমস্ত শিরোনাম পৃষ্ঠার উদ্দেশ্য বোঝায়। আপনার শিরোনামটি খুব বেশি লম্বা হওয়া উচিত নয় কারণ শিরোনামগুলির শুধুমাত্র ট্যাব বারে সীমিত স্থান থাকে৷</P>৷ <p> <title> ট্যাগ HTML5-এর সমস্ত গ্লোবাল অ্যাট্রিবিউট সমর্থন করে। এই ট্যাগটি সমস্ত প্রধান আধুনিক ব্রাউজার দ্বারা সমর্থিত। শিরোনাম ট্যাগে কোনো উপাদান-নির্দিষ্ট HTML বৈশিষ্ট্য নেই।</P> <h2>HTML শিরোনাম ট্যাগ উদাহরণ</h2> <p> HTML শিরোনাম উপাদান <em><head></em>-এর মধ্যে সংজ্ঞায়িত করা হয়েছে একটি HTML পৃষ্ঠায় ট্যাগ করুন। ধরুন আমরা আমাদের স্থানীয় বেকারি, Joseph Abrams &Sons-এর জন্য একটি ওয়েব পেজ তৈরি করছি। আমরা বর্তমানে হোম পেজ তৈরি করছি, এবং আমরা চাই যে বেকারির নাম সাইটের শিরোনামে উপস্থিত হোক।</P> <p> আমরা আমাদের পৃষ্ঠার শিরোনাম “<em>জোসেফ আব্রামস অ্যান্ড সন্স</em> সেট করতে নিম্নলিখিত কোড ব্যবহার করতে পারি। ":</P> <pre><head> <title>Joseph Abrams & Sons.</title> </head></pre> <p> যখন আমাদের সাইটের ওয়েব পৃষ্ঠা খোলা হয়, তখন পৃষ্ঠার শিরোনাম “<em>Joseph Abrams &Sons</em> সেট করা হয় "।</P> <p> এখন, বলুন আমরা আগে থেকে আমাদের স্থানীয় বেকারির জন্য একটি যোগাযোগ পৃষ্ঠা তৈরি করছি। আমরা হয়তো শিরোনামটি ব্যবহার করতে চাই “<em>যোগাযোগ | জোসেফ আব্রামস অ্যান্ড সন্স</em> " এই শিরোনামটি সহজ এবং আমাদের ওয়েব পৃষ্ঠার উদ্দেশ্যও ভালভাবে বর্ণনা করে৷</P>৷ <h2>কেন আপনি একটি <title> ট্যাগ ব্যবহার করবেন?</h2> <p> একটি নথির শিরোনাম ট্যাগ নির্দিষ্ট করার জন্য অনেকগুলি কারণ রয়েছে৷</P> <p> প্রথমে, <em><title></em> ট্যাগ ওয়েব ব্রাউজারের শিরোনাম বারে পৃষ্ঠার শিরোনাম প্রদর্শন করে। উদাহরণ স্বরূপ, এই পৃষ্ঠার শিরোনাম হল “<em>HTML টাইটেল ট্যাগ:একটি হাউ-টু গাইড | কর্মজীবন কর্ম</em> " এটি এই সাইটের ট্যাবের নামে প্রদর্শিত হয়৷</P>৷ <p> দ্বিতীয়, <em><title></em> যখন এটি বুকমার্ক করা হয় বা ব্যবহারকারীর ওয়েব ব্রাউজারে প্রিয় হিসাবে সংরক্ষিত হয় তখন ট্যাগ ওয়েব পৃষ্ঠাটিকে লেবেল করে৷ আপনার উল্লেখ করা শিরোনামটি স্বয়ংক্রিয়ভাবে সংরক্ষিত হবে। আপনি যদি একটি ওয়েব পৃষ্ঠার জন্য একটি উপযুক্ত শিরোনাম ব্যবহার না করেন, তাহলে একজন ব্যবহারকারী তাদের বুকমার্কগুলিতে আপনার পৃষ্ঠাটি খুঁজে পাওয়া কঠিন হতে পারে৷</P> <p> সার্চ ইঞ্জিন একটি শিরোনাম ট্যাগের বিষয়বস্তুর উপর নির্ভর করে। একটি শিরোনাম ট্যাগে উল্লেখ করা শিরোনাম একটি সার্চ ইঞ্জিন ফলাফল পৃষ্ঠায় (SERP) ওয়েব পৃষ্ঠার শিরোনাম হবে। SERP হল একটি অনুসন্ধান ফলাফল পৃষ্ঠার একটি এন্ট্রি৷</P>৷ <p> এছাড়াও, <em><title></em> এর বিষয়বস্তু ট্যাগ সার্চ ইঞ্জিন দ্বারা ওয়েব পেজের বিষয় নির্ধারণ করতে ব্যবহৃত হয়।</P> <p> সুতরাং, এখন আমরা জানি যে <em><title></em> ট্যাগগুলি গুরুত্বপূর্ণ, আপনি হয়তো জিজ্ঞাসা করছেন:আমি কীভাবে HTML শিরোনাম ট্যাগ ব্যবহার করব? সেই প্রশ্নের উত্তর দেওয়া যাক।</P> <h2>উপসংহার</h2> <p> <em><title></em> ট্যাগ হল একটি HTML নথির শিরোনাম। এই শিরোনামটি ওয়েব ব্রাউজারের ট্যাব নামগুলিতে উপস্থিত হয়। এটি একটি ওয়েব পৃষ্ঠার শিরোনাম এবং বিষয় সম্পর্কে সিদ্ধান্ত নেওয়ার জন্য প্রক্রিয়া করার সময় সার্চ ইঞ্জিন দ্বারাও ব্যবহৃত হয়৷</P> <p> এই টিউটোরিয়ালটি এইচটিএমএল <em><title></em> এর মূল বিষয়গুলি একটি উদাহরণের সাথে আলোচনা করা হয়েছে ট্যাগ এখন আপনি একজন HTML বিশেষজ্ঞের মতো শিরোনাম ট্যাগ ব্যবহার শুরু করতে প্রস্তুত!</P> <p> আপনি কি HTML এ কোডিং সম্পর্কে আরও জানতে চান? আমাদের এইচটিএমএল গাইড কীভাবে শিখবেন তা দেখুন। এই নির্দেশিকাটিতে শিক্ষানবিশ এবং মধ্যবর্তী বিকাশকারীদের জন্য শীর্ষ শিক্ষার সংস্থান এবং কোর্সগুলির একটি তালিকা রয়েছে৷ আপনি এইচটিএমএল বিষয়ে পড়ার জন্য সেরা বইও পাবেন।</P> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006038919.html' >এইচটিএমএল সিলেক্ট:একটি হাউ-টু গাইড </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006038921.html' >HTML নতুন লাইন ব্যবহার করে এবং </a> </div> </section> </div> <aside class="box-r"> <section class="box42"> <ol> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038891.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="এইচটিএমএল বৈশিষ্ট্যগুলির জন্য একটি ধাপে ধাপে নির্দেশিকা৷ ">এইচটিএমএল বৈশিষ্ট্যগুলির জন্য একটি ধাপে ধাপে নির্দেশিকা৷ </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038893.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="এম্বেড ভিডিও HTML:একটি ধাপে ধাপে নির্দেশিকা ">এম্বেড ভিডিও HTML:একটি ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038894.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML তালিকা:ধাপে ধাপে নির্দেশিকা ">HTML তালিকা:ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038895.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML টেবিল:ধাপে ধাপে নির্দেশিকা ">HTML টেবিল:ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038897.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML বোতাম:ধাপে ধাপে নির্দেশিকা ">HTML বোতাম:ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038898.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML Textarea:ধাপে ধাপে নির্দেশিকা ">HTML Textarea:ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038919.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="এইচটিএমএল সিলেক্ট:একটি হাউ-টু গাইড ">এইচটিএমএল সিলেক্ট:একটি হাউ-টু গাইড </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038924.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML চিত্র:ধাপে ধাপে নির্দেশিকা ">HTML চিত্র:ধাপে ধাপে নির্দেশিকা </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038925.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML স্প্যান:নতুনদের জন্য একটি গাইড ">HTML স্প্যান:নতুনদের জন্য একটি গাইড </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038927.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML ইনপুট:ধাপে ধাপে নির্দেশিকা ">HTML ইনপুট:ধাপে ধাপে নির্দেশিকা </p> </a> </li> </ol> </section> </aside> </section> </section> <section class="box13 content box44"> <ol class="f-between"> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064290.html" class="i-text"> <p class="r-over r-over-2">HTML <html> ট্যাগ </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064313.html" class="i-text"> <p class="r-over r-over-2">HTML <q> ট্যাগ </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064347.html" class="i-text"> <p class="r-over r-over-2">HTML <b> ট্যাগ </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064399.html" class="i-text"> <p class="r-over r-over-2">HTML <dl> ট্যাগ </p> </a> </li> </ol> </section> <ul class="types box23 content f-start"> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ca644u/' target="_self">C প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk645f/' target="_self">C++</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf646z/' target="_self">Redis</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/fd647x/' target="_self">BASH প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/db648w/' target="_self">Python</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vs649n/' target="_self">Java</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/tr650l/' target="_self">তথ্যশালা</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf651z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mj652e/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ki653c/' target="_self">প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/bz654t/' target="_self">CSS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/zx655s/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/nl656f/' target="_self">SQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/sq657k/' target="_self">IOS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/qo658j/' target="_self">Android</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vt659n/' target="_self">mongodb</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/us660m/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/by661t/' target="_self">C#</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk665e/' target="_self">PHP</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/he671z/' target="_self">SQL সার্ভার</a></li> </ul> <footer> <section class="msg f-center content"> <span class="f-start"> কপিরাইট © <a href="https://bd.wsxdn.com">https://bd.wsxdn.com</a> সমস্ত অধিকার সংরক্ষিত </span> </section> </footer> </body> </html>