Thẻ Base là gì? Cách xác định kiểu mở liên kết trong 1 file HTML
Thẻ base để định nghĩa thì lại khó hiểu nhưng khi đi vào tìm hiểu ví dụ về thẻ base thì các bạn có thể sử dụng thẻ này 1 cách OK và tiện lợi vô cùng. cách xác định kiểu mở liên kết, thì trong thẻ base sẽ giúp bạn việc này
Thẻ Base trong HTML là gì?
Cú pháp
<base href="URL" target="_blank">
Thẻ Base được định nghĩa như sau: Thẻ Base có chức năng nối đường dẫn cơ sở tới đường dẫn tương đối để hiển thị ra đường dẫn tuyệt đối
Thẻ base luôn nằm trong phần của thẻ head, và chỉ có 1 thẻ base duy nhất trong phần tài liệu
Nói có vẻ rất khó hiểu nhưng đi vào ví dụ sau sẽ giúp các bạn dễ hiểu hơn:
Ví dụ:
<html> <head> <base href="https://isinhvien.com" target="_blank"> </head> <body> <a href="/the-template-trong-html/">Thẻ Template</a> <br><br> <a href="/the-html-la-gi-danh-sach-cac-the-html-trong-thiet-ke-web/" target="_self">Thẻ HTML</a> </body> </html>
Trình duyệt sẽ hiện thị như thế nhưng khi bạn đưa chuột vào vị trí của văn bản thì sẽ hiện dòng chữ nhỏ phía dưới
Có phải các bạn đang hỏi, Tại sao không copy cả URL mà lại phải điền vào Base?
Nếu làm web cần 1 sự thống nhất về đường dẫn thì sử dụng thẻ base sẽ giúp các bạn đỡ nhầm lẫn trong quá trình viết code.
Và thẻ base vẫn còn một tính năng khác là xác định kiểu mở mặc định của liên kết. Và để thử nghiệm sử dụng thẻ base các bạn kích vào đường link tại đây.
Xác định kiểu mở liên kết như thế nào?
Để xác định kiểu mở liên kết ta dùng thuộc tính target
target="giá trị"
Giá trị | Ý nghĩa |
“_blank” | Mở liên kết sang 1 trình duyệt khác |
“_parent” | Đóng trình duyệt hiện tại và mở liên kết |
“_self” | Mở liên kết trên trình duyệt hiện tại |
Nếu cảm thấy bài viết giúp ích cho các bạn nhớ like share để mọi người cùng biết nhé
Vận còn nhiều bài viết về thẻ khác trong HTML các bạn xem tại đây