HTML <base> href एट्रिब्यूट: बेस URL सेट करना

<base> href एट्रिब्यूट

href एट्रिब्यूट <base> एलिमेंट में दस्तावेज़ के सभी रिलेटिव URLs के लिए बेस URL सेट करता है। यह <head> में रखा जाता है और पेज के सभी रिलेटिव लिंक्स, इमेजेज, स्क्रिप्ट्स, स्टाइलशीट्स पर लागू होता है।

सिंटैक्स

<base href="absolute_URL">

कैसे काम करता है

बेस URL: https://example.com/tutorials/

रिलेटिव URLs: /html, /java, /jquery

हल किए गए URLs:

https://example.com/tutorials/html
https://example.com/tutorials/java
https://example.com/tutorials/jquery

उदाहरण: ट्यूटोरियल लिंक्स के लिए बेस URL

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.example.com/tutorials/">
</head>
<body>
  <h2>ट्यूटोरियल सूची</h2>
  <p><a href="java.html">Java Tutorial</a></p>
  <p>(यह कार्य करेगा: https://www.example.com/tutorials/java.html)</p>
  <p><a href="jquery.html">jQuery Tutorial</a></p>
  <p><a href="blockchain.html">Blockchain Tutorial</a></p>
  <p><a href="python.html">Python Tutorial</a></p>
</body>
</html>

आउटपुट

सभी रिलेटिव लिंक्स बेस URL के सापेक्ष हल होंगे।

कोड व्याख्या

<base href="https://www.example.com/tutorials/">

लिंक java.html बन जाता है:

https://www.example.com/tutorials/java.html

प्रभावित एलिमेंट्स

• <a href>
• <link href> (स्टाइलशीट्स, फेविकॉन)
• <img src>
• <script src>
• <form action>
• <iframe src>

सावधानियां

• प्रति पेज केवल एक <base> टैग
• <head> में पहले अन्य लिंक्स से पहले होना चाहिए
• एंकर लिंक्स (#section) भी प्रभावित होते हैं
• एब्सोल्यूट URLs (https:// से शुरू) प्रभावित नहीं होते