Tôi biết rằng bạn đã nói mà không sử dụng JavaScript, nhưng tôi nghĩ đó thực sự là cách duy nhất để tránh sử dụng một neo thực sự. JQuery sau sẽ thay thế các neo bằng #top
href và thực hiện một cuộn hoạt hình đẹp lên trên cùng mà không thay đổi URL (xem trang của original author để biết thêm thông tin).
$(document).ready(function() {
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
})
jsfiddle for completeness
Tuy nhiên, tôi sẽ gắn bó với semantic HTML và sử dụng neo cho mục đích của họ sao cho ý nghĩa thích hợp có thể được giải thích bởi số lượng tối đa của các trình duyệt. Đừng quên những người khuyết tật yêu cầu trình đọc màn hình hoặc các trình duyệt đặc biệt khác. Neo được đảm bảo để làm việc.
Ngoài ra, Google announced in 2009 một số tính năng lập chỉ mục mới trực tiếp tận dụng các neo trong trang để cung cấp ngữ cảnh bổ sung mà người tìm kiếm trên web có thể đang tìm kiếm. Trong nhiều trường hợp, có thể có một phần của trang mà người dùng rất quan tâm. Google có thể cung cấp liên kết trực tiếp đến trang liên kết đó của trang để có mức độ liên quan tối ưu.
Điểm mấu chốt từ quan điểm của tôi - đừng bỏ neo. Sử dụng chúng.
Thông số HTML5 xác định một đoạn đặc biệt "#top" có thể được sử dụng để liên kết đến đầu tài liệu. Không cần xác định rõ ràng một phần tử có ID là "trên cùng". Xem [href note] của Mozilla (https: //developer.mozilla.org/en-US/tài liệu/Web/HTML/Phần tử/a # attr-href). –