❮ Thẻ HTML
Thí dụ
Thuộc tính HREF chỉ định đích của liên kết:
Ghé thăm W3Schools
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thuộc tính href
chỉ định URL của trang mà liên kết đi đến.
Nếu thuộc tính href
không có mặt, thẻ
hoặc
href="#"
để liên kết đến đầu trang hiện tại! You can use
href="#top"
or href="#"
to link to the top of the current page!
Hỗ trợ trình duyệt
href | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
Giá trị thuộc tính
URL | URL của liên kết. Những giá trị khả thi:
|
Nhiều ví dụ hơn
Thí dụ
Cách sử dụng hình ảnh làm liên kết:
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Hãy tự mình thử »
Thí dụ
Thuộc tính href
chỉ định URL của trang mà liên kết đi đến.
Nếu thuộc tính href
không có mặt, thẻ
hoặc
href="#"
để liên kết đến đầu trang hiện tại!
Hỗ trợ trình duyệt
Hãy tự mình thử »
❮ Thẻ HTML
Về các siêu liên kết:
Việc sử dụng các thẻ neo chính - - là siêu liên kết. Điều đó về cơ bản có nghĩa là họ đưa bạn đi đâu đó. Siêu liên kết yêu cầu thuộc tính
href
, vì nó chỉ định một vị trí.hyperlinks. That basically means that they take you somewhere. Hyperlinks require the href
property, because it specifies a location.
Hash:
Hash - `#` trong siêu liên kết chỉ định ID phần tử HTML mà cửa sổ phải được cuộn.
Xem bản demo này. Đây là hành vi mong đợi theo tài liệu W3.w3 documentation. Một ví dụ trong đó một trình giữ chỗ siêu liên kết có ý nghĩa nằm trong các bản xem trước mẫu. Trên các bản demo trang cho các mẫu, tôi thường thấy Một câu hỏi khác mà bạn có thể tự hỏi là, "Tại sao không rời khỏi tài sản của HREF?". Một phản hồi phổ biến mà tôi đã nghe là cần thiết thuộc tính Xem bản demo này thể hiện sự khác biệt về phong cách và hành vi. demonstrating style and behavior
differences.href="#some-id"
sẽ cuộn đến một phần tử trên trang hiện tại, chẳng hạn như href="//site.example/#some-id"
sẽ truy cập href
0 và cuộn đến ID trên trang đó.Cuộn lên trên:
href="#"
không chỉ định tên ID, nhưng có một vị trí tương ứng - đầu trang. Nhấp vào một mỏ neo với href="#"
sẽ di chuyển vị trí cuộn lên trên cùng.Người giữ chỗ siêu liên kết:
href
3 để thẻ neo là một siêu liên kết, nhưng không đi đâu cả. Tại sao không để lại thuộc tính href
? Một thuộc tính href
trống thực sự là một siêu liên kết đến trang hiện tại. Nói cách khác, nó sẽ gây ra một trang làm mới. Như tôi đã thảo luận, href="#"
cũng là một siêu liên kết và gây ra cuộn. Do đó, giải pháp tốt nhất cho người giữ chỗ siêu liên kết thực sự là href
7 Ý tưởng ở đây là hy vọng không có yếu tố nào trên trang với href
8 [ai làm điều đó!Về thẻ neo:
href
, vì vậy nó "nên" có mặt trên các mỏ neo. Điều này là sai! Thuộc tính href
chỉ được yêu cầu cho một mỏ neo thực sự là một siêu liên kết! Đọc điều này từ W3. Vì vậy, tại sao không bỏ nó đi cho người giữ chỗ? Trình duyệt hiển thị các kiểu mặc định cho các phần tử và sẽ thay đổi kiểu mặc định của thẻ neo không có thuộc tính HREF. Thay vào đó, nó sẽ được coi là văn bản thông thường. Nó thậm chí còn thay đổi hành vi của trình duyệt liên quan đến phần tử. Thanh trạng thái [dưới cùng của màn hình] sẽ không được hiển thị khi lơ lửng trên mỏ neo mà không có thuộc tính HREF. Tốt nhất là sử dụng giá trị HREF giữ chỗ trên mỏ neo để đảm bảo nó được coi là một siêu liên kết.this from w3. So, why not just leave it off for placeholders? Browsers render default styles for elements and will change the default style of an anchor tag that
doesn't have the href property. Instead, it will be considered like regular text. It even changes the browser's behavior regarding the element. The status bar [bottom of the screen] will not be displayed when hovering on an anchor without the href property. It is best to use a placeholder href value on an anchor to ensure it is treated as a hyperlink.Thẻ HREF trong HTML là gì?
URL trong href là gì?
Chủ Đề