Vấn đề chính liên quan đến nút HTML href là có thể khó tạo kiểu cho nút theo cách nhất quán trên các trình duyệt khác nhau. Ngoài ra, khi sử dụng thẻ neo có thuộc tính a href, theo mặc định, liên kết sẽ mở trong cùng một cửa sổ, điều này có thể không mong muốn đối với một số loại liên kết nhất định. Cuối cùng, nếu thuộc tính href không được định cấu hình đúng cách, việc nhấp vào nút có thể dẫn đến trang lỗi.
<button><a href="">Click Here</a></button>
1. Dòng mã này tạo thành phần nút trong HTML.
2. Bên trong phần tử nút, có một thẻ neo với thuộc tính href trống.
3. Thẻ neo chứa văn bản “Click Here”.
Định nghĩa của HREF
HREF là viết tắt của Hypertext Reference và là một thuộc tính HTML được sử dụng để xác định một siêu liên kết. Nó được sử dụng để liên kết trang này với trang khác, trên cùng một trang web hoặc một trang web khác. Thuộc tính HREF chỉ định đích đến của liên kết và có thể được sử dụng với các phần tử HTML khác, chẳng hạn như , và
Tôi có thể sử dụng HREF trong nút HTML không
Không, không thể sử dụng thuộc tính href trong thành phần nút trong HTML. Phần tử nút không hỗ trợ thuộc tính href. Tuy nhiên, bạn có thể sử dụng JavaScript để thêm trình xử lý sự kiện nhấp chuột vào nút sẽ đưa người dùng đến một trang khác khi được nhấp vào.
Làm thế nào để bạn định kiểu một href như một nút
Để tạo kiểu thẻ neo dưới dạng nút trong HTML, bạn có thể sử dụng đoạn mã sau:
Sau đó, thêm CSS sau vào biểu định kiểu của bạn:
.cái nút {
màu nền: #4CAF50; /* Xanh */
biên giới: không có;
màu trắng;
phần đệm: 15px 32px;
text-align: center;
văn bản-trang trí: không có;
hiển thị: khối nội tuyến; cỡ chữ: 16px; lề: 4px 2px; con trỏ: con trỏ;}
