Danh sách không có thứ tự thường được tạo với mục đích sử dụng chúng làm menu, nhưng mục danh sách li là văn bản. Vì mục danh sách li là văn bản nên con trỏ chuột sẽ không phải là mũi tên mà là "con trỏ chuột". Người dùng đã quen với việc nhìn thấy ngón tay trỏ cho con trỏ chuột khi có thể nhấp vào thứ gì đó. Sử dụng thẻ neo a bên trong thẻ li khiến con trỏ chuột thay đổi thành ngón trỏ. Ngón tay trỏ tốt hơn rất nhiều khi sử dụng danh sách làm menu

   
Menu Item 1
   
Menu Item 2
   
Menu Item 3
   
Menu Item 4

Nếu danh sách đang được sử dụng cho một menu và không cần liên kết thì không cần chỉ định URL. Nhưng vấn đề là nếu bạn loại bỏ thuộc tính href, văn bản trong thẻ được xem là văn bản và do đó, con trỏ chuột quay lại con trỏ I. Con trỏ I có thể khiến người dùng nghĩ rằng mục menu không thể nhấp được. Do đó, bạn vẫn cần một href, nhưng bạn không cần liên kết đến bất kỳ đâu

Bạn có thể sử dụng nhiều thẻ div hoặc p cho danh sách menu, nhưng con trỏ chuột cũng sẽ là con trỏ chữ I cho chúng

Bạn có thể sử dụng nhiều nút xếp chồng lên nhau cho một danh sách menu, nhưng danh sách này có vẻ thích hợp hơn. Và đó có lẽ là lý do tại sao li0 trỏ đến hư không được sử dụng trong thẻ neo bên trong thẻ danh sách

Bạn có thể đặt kiểu con trỏ trong CSS, vì vậy đó là một tùy chọn khác. li0 đến hư không có thể chỉ là cách lười biếng để thiết lập một số kiểu dáng

Thuộc tính đề cập đến một đích được cung cấp bởi một liên kết. Thẻ

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

0 (anchor) đã chết nếu không có thuộc tính

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

1

How to use the tag

Đôi khi trong quy trình làm việc của bạn, bạn không muốn có một liên kết trực tiếp hoặc bạn chưa biết đích đến của liên kết. Trong trường hợp này, sẽ hữu ích khi đặt thuộc tính

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

2 thành

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

3 để tạo liên kết chết

Thuộc tính

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

2 có thể được sử dụng để liên kết đến các tệp cục bộ hoặc tệp trên internet

Ví dụ

  
    
  
  
    
Href Attribute Example
      

        The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.
      
    
  

Thuộc tính được hỗ trợ bởi tất cả các trình duyệt

Các thuộc tính HTML khác

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

6. Chỉ định ngôn ngữ của tài nguyên được liên kết

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

7. Chỉ định ngữ cảnh trong đó tài nguyên được liên kết sẽ mở

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

8. Xác định tiêu đề của một liên kết, xuất hiện cho người dùng dưới dạng chú giải công cụ

ví dụ

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

Neo trong trang

Cũng có thể đặt một điểm neo ở một vị trí nhất định trên trang. Để làm điều này, trước tiên bạn nên đặt một tab tại vị trí trên trang có thẻ và thuộc tính cần thiết “tên” với bất kỳ mô tả từ khóa nào trong đó, như thế này

Bất kỳ mô tả giữa các thẻ là không bắt buộc. Sau đó, bạn có thể đặt một liên kết dẫn đến neo này ở bất kỳ vị trí nào trên cùng một trang. Để làm điều này, bạn nên sử dụng thẻ có thuộc tính cần thiết “href” với ký hiệu # (sắc nét) và mô tả từ khóa của anchor, như thế này

Go to Top

Liên kết hình ảnh

This is a dead link
This is a live link to freeCodeCamp
more with a href attribute

9 cũng có thể được áp dụng cho hình ảnh và các phần tử HTML khác

Thí dụ

Một số ví dụ khác về href

This gives a base url for all further urls on the page
This is a live link to an external stylesheet

What else can you do with ?

Tùy chỉnh nhiều hơn. Hãy xem một trường hợp sử dụng cụ thể

Liên kết mailto là một loại siêu liên kết (

0) với các tham số đặc biệt cho phép bạn chỉ định người nhận bổ sung, dòng chủ đề và/hoặc nội dung văn bản

Cú pháp cơ bản với người nhận là

Some text

Thêm chủ đề vào thư đó

Nếu bạn muốn thêm một chủ đề cụ thể vào thư đó, hãy cẩn thận thêm

1 hoặc

2 vào mọi chỗ trống trong dòng chủ đề. Một cách dễ dàng để đảm bảo rằng nó được định dạng đúng là sử dụng Bộ mã hóa/Bộ giải mã URL

Thêm văn bản cơ thể

Tương tự, bạn có thể thêm một thông báo cụ thể vào phần nội dung của email. Một lần nữa, khoảng trắng phải được thay thế bằng

1 hoặc

2. Sau tham số chủ đề, bất kỳ tham số bổ sung nào cũng phải được đặt trước

5

Thí dụ. Giả sử bạn muốn người dùng gửi email cho bạn bè của họ về tiến trình của họ tại Free Code Camp

Địa chỉ nhà. trống rỗng

Môn học. Tin tốt

Cơ thể người. Tôi đang trở thành một nhà phát triển

Liên kết html của bạn bây giờ

Send mail!

Ở đây, chúng tôi đã để trống mailto (mailto. ?). Điều này sẽ mở ứng dụng email của người dùng và người dùng sẽ tự thêm địa chỉ người nhận

Thêm người nhận khác

Theo cách tương tự, bạn có thể thêm các tham số CC và bcc. Tách từng địa chỉ bằng dấu phẩy

Các tham số bổ sung phải được đặt trước bởi

5

Send mail!

Thêm thông tin

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

---

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Các thuộc tính HTML là gì?

Năm thuộc tính HTML là gì?

Thuộc tính SRC trong HTML là gì?