Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML href

Thuộc tính href của phần tử đặt URL cơ sở cho tất cả các URL tương đối. Ví dụ:URL cơ sở là https://example.com/tutorials cho tất cả các URL tương đối như / html, / java, / jquery, v.v. ., cuối cùng là - 

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

Sau đây là cú pháp - 

<base href="absolute_URL">

Ở trên, _URL tuyệt đối là url tuyệt đối cho URL cơ sở. Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính href của phần tử -

Ví dụ 

<!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>

Đầu ra

Thuộc tính HTML base href

Trong ví dụ trên, chúng tôi đã đặt URL cơ sở là - 

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

Sau liên kết, chúng tôi đã đề cập đến liên kết là " java.html ", điều đó cuối cùng sẽ hoạt động như - 

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