HTML-এ <head> ট্যাগ নিচের এলিমেন্টগুলোর জন্য একটি কন্টেইনার হিসেবে কাজ করে: <title>, <style>, <base>, <link>, <meta>, <script>, <noscript>।
HTML5-এ, আপনি <head> এলিমেন্ট ছাড়াও HTML ডকুমেন্টের সাথে কাজ করতে পারেন।
<title> <head>-এর ভিতরে
এখন <head> ট্যাগ ইমপ্লিমেন্ট করে <title> যোগ করার একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <head> <title>Document Title</title> </head> <body> <h2>Demo Heading</h2> <p>This is demo text.</p> <p>This is demo text.</p> <p>This is demo text.</p> <p>This is demo text.</p> </body> </html>
এটি নিচের আউটপুট দেবে যা <head> এলিমেন্টের অধীনে যোগ করা ডকুমেন্টের টাইটেল ডিসপ্লে করছে:
<base> <head>-এর ভিতরে
HTML-এ base ট্যাগ একটি HTML ডকুমেন্টের বেস URL সেট করতে ব্যবহৃত হয়। <head> <base> এলিমেন্টের জন্যও কন্টেইনার হিসেবে কাজ করে। উদাহরণস্বরূপ, বেস URL https −//example.com/tutorials সেট করা থাকলে সব রিলেটিভ URL যেমন /html, /java, /jquery ইত্যাদি পরিণত হবে:
https −//example.com/tutorials/html https −//example.com/tutorials/java https −//example.com/tutorials/jquery
নোট − <base> ট্যাগের কোনো এন্ড ট্যাগ নেই অর্থাৎ </base> দিয়ে বন্ধ করার প্রয়োজন নেই।
অ্যাট্রিবিউটগুলো নিচের মত:
- href − পেজের সব রিলেটিভ URL-এর জন্য বেস URL সেট করে
- target − সব হাইপারলিংক এবং ফর্মের ডিফল্ট টার্গেট। মানগুলো হতে পারে _blank, _parent, _self, _top এবং framename।
এখন <base> এলিমেন্ট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <head> <base href="https −//www.example.com/tutorials/"> </head> <body> <h2>Tutotials List</h2> <p><a href="java.html">Java Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/java.html)</p> <p><a href="jquery.html">jQuery Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/jquery.html)</p> <p><a href="blockchain.html">Blockchain Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/blockchain.html)</p> <p><a href="python.html">Python Tutorial</a></p><p>(This will act as https −//www.example.com/tutorials/python.html)</p> </body> </html>
আউটপুট
