Có một số cách tạo nút HTML, hoạt động giống như một liên kết [nghĩa là, nhấp vào nó, người dùng được chuyển hướng đến URL được chỉ định]. Bạn có thể chọn một trong các phương thức sau để thêm liên kết vào nút HTML.
Bạn có thể thêm một sự kiện nội tuyến vào thẻ.
Điều này có thể không hoạt động nếu nút nằm trong một phần tử.
Ví dụ về việc thêm một sự kiện title vào thẻ:
Title of the document
Click Here
Cũng có thể thêm một sự kiện nội tuyến vào thẻ trong phần tử.
Ví dụ về việc thêm một sự kiện title vào thẻ:
Title of the document
Cũng có thể thêm một sự kiện nội tuyến vào thẻ trong phần tử.
Các liên kết đã giành được công việc khi JavaScript bị vô hiệu hóa và các công cụ tìm kiếm có thể bỏ qua loại liên kết này.formaction attribute within the element.
Một cách khác để tạo một nút hoạt động như một liên kết là sử dụng thuộc tính hành động hoặc hình thành trong phần tử.action attribute:
Title of the document
Click me
Ví dụ về việc tạo một nút hoạt động như một liên kết với thuộc tính hành động:
Để mở liên kết trong một tab mới, thêm Target = "_ Blank".
Title of the document
Click me
Ví dụ về việc mở một liên kết từ một nút trong một cửa sổ mới:
Vì không có biểu mẫu và không có dữ liệu nào được gửi, điều này có thể không chính xác về mặt ngữ nghĩa. Tuy nhiên, đánh dấu này là hợp lệ.formaction attribute:
Title of the document
Click me
Ví dụ về việc tạo một nút hoạt động giống như một liên kết với thuộc tính hình thành:formaction attribute is only used with buttons having type="submit". Since this attribute is HTML5-specific, its support in old browsers may be poor.
Thuộc tính hình thành chỉ được sử dụng với các nút có loại = "Gửi". Vì thuộc tính này là đặc thù của HTML5, sự hỗ trợ của nó trong các trình duyệt cũ có thể kém.href attribute is the required attribute of the tag. It specifies a link on the web page or a place on the same page where the user navigates after clicking on the link.
Thêm một liên kết được tạo kiểu như một nút với các thuộc tính CSS. Thuộc tính HREF là thuộc tính cần thiết của thẻ. Nó chỉ định một liên kết trên trang web hoặc một địa điểm trên cùng một trang nơi người dùng điều hướng sau khi nhấp vào liên kết.
Title of the document
.button {
background-color: #1c87c9;
border: none;
color: white;
padding: 20px 34px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
margin: 4px 2px;
cursor: pointer;
}
Click Here
Ví dụ về kiểu dáng liên kết dưới dạng nút với CSS:
Vì kiểu dáng phức tạp là bắt buộc, điều này có thể không hoạt động trên các trình duyệt cụ thể.
Hãy xem thêm một ví dụ nữa.
Title of the document
.button {
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #7aa8b7;
border-radius: 6px;
outline: none;
}
HTML button tag