एचटीएमएल <आधार> href विशेषता

<घंटा/>

<आधार> तत्व की href विशेषता सभी संबंधित URL के लिए आधार URL सेट करती है। उदाहरण के लिए, आधार URL https://example.com/tutorials . के रूप में /html, /java, /jquery आदि जैसे सभी संबंधित URL के लिए ।, जो अंततः हैं -

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

निम्नलिखित वाक्य रचना है -

<base href="absolute_URL">

ऊपर, निरपेक्ष _URL आधार URL के लिए पूर्ण url है। आइए अब <आधार> तत्व की href विशेषता को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/">
</head>
<body>
   <h2>Tutorials 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>

आउटपुट

एचटीएमएल आधार href विशेषता

उपरोक्त उदाहरण में, हमने आधार URL को −

. के रूप में सेट किया है

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

लिंक के बाद हमने "java.html . के रूप में उल्लेख किया है ", जो अंततः -

. के रूप में कार्य करेगा

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