Là một href href hợp lệ?

Một trong những nhà phát triển web của chúng tôi sử dụng html sau đây làm trình giữ chỗ để tạo kiểu cho danh sách thả xuống.

<a href="" class="arrow"></a>

Đây có được coi là thẻ neo hợp lệ không?

Vì không có giá trị href, nó hiển thị như bị hỏng trên một số báo cáo kiểm tra liên kết của chúng tôi.

Mặc dù câu hỏi này đã được trả lời ( tl; dr: yes, một hrefgiá trị trống là hợp lệ), không có câu trả lời nào hiện có tham khảo các thông số kỹ thuật có liên quan.

Một chuỗi rỗng không thể là một URI. Tuy nhiên, hrefthuộc tính không chỉ lấy URI làm giá trị mà còn tham chiếu URI. Một chuỗi rỗng có thể là một tham chiếu URI.

HTML 4.01

HTML 4.01 sử dụng RFC 2396 , trong đó nói trong phần 4.2. Tài liệu tham khảo cùng tài liệu (phần nhấn mạnh của tôi):

Tham chiếu URI không chứa URI là tham chiếu đến tài liệu hiện tại. Nói cách khác, một tham chiếu URI trống trong tài liệu được hiểu là một tham chiếu đến phần đầu của tài liệu đó và một tham chiếu chỉ chứa một định danh phân đoạn là một tham chiếu đến đoạn được xác định của tài liệu đó.

RFC 2396 bị lỗi thời bởi RFC 3986 (hiện đang là tiêu chuẩn URI của IETF ), về cơ bản cũng nói như vậy .

HTML5

Sử dụng HTML5 ( URL hợp lệ có khả năng được bao quanh bởi khoảng trắng → URL hợp lệ ) Thông số URL của W3C , đã bị ngưng. Thay vào đó, nên sử dụng Tiêu chuẩn URL của WHATWG (xem phần cuối cùng).

HTML 5.1

HTML 5.1 sử dụng ( URL hợp lệ có khả năng được bao quanh bởi khoảng trắng → URL hợp lệ ) Tiêu chuẩn URL của WHATWG (xem phần tiếp theo).

HTML GÌ

HTML của WHATWG sử dụng ( URL hợp lệ có khả năng được bao quanh bởi các khoảng trắng ) định nghĩa của chuỗi URL hợp lệ từ Tiêu chuẩn URL của WHATWG , trong đó nói rằng đó có thể là một chuỗi URL tương đối có phân đoạn , ít nhất phải là một chuỗi URL tương đối , có thể là một chuỗi URL không liên quan đến lược đồ đường dẫn , là một chuỗi URL liên quan đến đường dẫn không bắt đầu bằng một chuỗi lược đồ theo sau :và định nghĩa của nó nói (dấu nhấn mạnh của tôi):

Chuỗi URL liên quan đến đường dẫn phải bằng 0 hoặc nhiều chuỗi phân đoạn đường dẫn URL, được phân tách với nhau bằng U + 002F (/) và không bắt đầu bằng U + 002F (/).

Nó hợp lệ.

Tuy nhiên, thực hành tiêu chuẩn là sử dụng href="#"hoặc đôi khi href="javascript:;".

Như những người khác đã nói, nó là hợp lệ.

Có một số nhược điểm đối với từng phương pháp:

href="#" thêm một mục bổ sung vào lịch sử trình duyệt (gây khó chịu khi ví dụ như quay lại nút).

href="" tải lại trang

href="javascript:;" dường như không có bất kỳ vấn đề nào (ngoài việc trông lộn xộn và vô nghĩa) - có ai biết về điều gì không?

Mặc dù HTML có thể hoàn toàn hợp lệ để không bao gồm một href, đặc biệt là với trình xử lý onclick, có một số điều cần xem xét: nó sẽ không thể tập trung vào bàn phím nếu không đặt giá trị tabindex. Hơn nữa, phần mềm đọc màn hình này không thể truy cập được bằng Internet Explorer, vì IE sẽ báo cáo thông qua các giao diện khả năng truy cập mà bất kỳ phần tử neo nào không có thuộc tính href là không thể lấy nét, bất kể tabindex đã được đặt chưa.

Vì vậy, trong khi những điều sau đây có thể hoàn toàn hợp lệ:

<a class="arrow">Link content</a>

Tốt hơn hết là thêm một thuộc tính null-effect href

<a href="javascript:void(0);" class="arrow">Link content</a>

Để hỗ trợ đầy đủ cho tất cả người dùng, nếu bạn đang sử dụng lớp có CSS ​​để hiển thị hình ảnh, bạn cũng nên bao gồm một số nội dung văn bản, chẳng hạn như thuộc tính tiêu đề để cung cấp mô tả văn bản về những gì đang diễn ra.

<a href="javascript:void(0);" class="arrow" title="Go to linked content">Link content</a>

Bản nháp HTML5 hiện tại cũng cho phép hoàn toàn loại bỏ thuộc tính href.

Nếu một phần tử có thuộc tính no href, thì phần tử đó đại diện cho một trình giữ chỗ cho nơi mà một liên kết có thể được đặt, nếu nó có liên quan.

Để trả lời câu hỏi của bạn: Có, nó hợp lệ.

Thật vậy, bạn có thể để trống (trình xác nhận W3 không phàn nàn).

Đưa ý tưởng tiến thêm một bước: bỏ qua = "". Ưu điểm của việc này là liên kết không được coi là một điểm neo cho trang hiện tại.

<a href>sth</a>

Trong khi trình xác nhận của W3 có thể không phàn nàn về một hrefthuộc tính trống , Dự thảo làm việc HTML5 hiện tại chỉ định:

Các hrefthuộc tính trên avà areacác yếu tố phải có giá trị đó là một URL hợp lệ có khả năng bao quanh bởi không gian.

Một URL hợp lệ phải là một URL mà phù hợp với tiêu chuẩn URL . Bây giờ, Tiêu chuẩn URL hơi khó hiểu khi bạn phải lo lắng, tuy nhiên không nơi nào nói rằng URL có thể là một chuỗi trống.

... có nghĩa là một chuỗi trống không phải là một URL hợp lệ.

Tuy nhiên, Dự thảo làm việc HTML5 tiếp tục nêu rõ:

Lưu ý: Các hrefthuộc tính trên avà areacác yếu tố không cần thiết ; khi các yếu tố đó không có hrefthuộc tính, chúng không tạo ra các siêu liên kết.

Điều này có nghĩa là chúng ta có thể bỏ qua hrefthuộc tính hoàn toàn:

<a class="arrow"></a>

Nếu mục đích của bạn là những href-less ayếu tố vẫn nên yêu cầu interraction bàn phím, bạn sẽ phải đi xuống con đường bình thường của gán một rolevà tabindexcùng với nhấp chuột / xử lý KeyDown thông thường của bạn:

<a class="arrow" role="button" tab-index="0"></a>

Một lời cảnh báo:

Theo kinh nghiệm của tôi, việc bỏ qua hrefthuộc tính gây ra các vấn đề về khả năng truy cập vì điều hướng bàn phím sẽ bỏ qua nó và không bao giờ tập trung vào nó như khi có. Thủ công bao gồm yếu tố của bạn trong tabindex là một cách xung quanh đó.

nó hợp lệ nhưng như UpTheCalet đã nói 'Có một số nhược điểm đối với mỗi phương pháp'

nếu bạn đang gọi ajax thông qua thẻ, hãy để href = "" như thế này sẽ giữ cho trang tải lại và mã ajax sẽ không bao giờ được gọi ...

chỉ cần suy nghĩ này sẽ tốt để chia sẻ

Hãy cố gắng làm <a href="#" class="arrow">thay thế. (Lưu ý #ký tự sắc nét ).