Apakah href kosong valid?

Salah satu pengembang web kami menggunakan html berikut sebagai pengganti penataan daftar tarik turun.

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

Apakah tag jangkar ini dianggap valid?

Karena tidak ada nilai href, itu muncul sebagai rusak pada beberapa laporan pemeriksa tautan kami.

Meskipun pertanyaan ini sudah dijawab ( tl; dr: ya, hrefnilai kosong valid), tidak ada jawaban yang ada yang merujuk spesifikasi yang relevan.

String kosong tidak boleh berupa URI. Namun, hrefatribut tidak hanya mengambil URI sebagai nilai, tetapi juga referensi URI. String kosong mungkin merupakan referensi URI.

HTML 4.01

HTML 4.01 menggunakan RFC 2396 , di mana dikatakan di bagian 4.2. Referensi dokumen yang sama (huruf tebal penekanan):

Referensi URI yang tidak mengandung URI adalah referensi ke dokumen saat ini. Dengan kata lain, referensi URI kosong dalam suatu dokumen ditafsirkan sebagai referensi ke awal dokumen itu , dan referensi yang hanya mengandung pengidentifikasi fragmen adalah referensi ke fragmen yang diidentifikasi dari dokumen itu.

RFC 2396 usang oleh RFC 3986 (yang saat ini merupakan standar URI IETF ), yang pada dasarnya mengatakan hal yang sama .

HTML5

Penggunaan HTML5 ( URL yang valid berpotensi dikelilingi oleh spasi → URL yang valid ) Spesifikasi URL W3C , yang telah dihentikan. URL Standar WHATWG harus digunakan sebagai gantinya (lihat bagian terakhir).

HTML 5.1

Penggunaan HTML 5.1 ( URL yang valid berpotensi dikelilingi oleh spasi → URL yang valid ) Standar URL WHATWG (lihat bagian berikutnya).

WHATWG HTML

HTML WHATWG menggunakan ( URL yang valid berpotensi dikelilingi oleh spasi ) definisi string URL yang valid dari WHATWG's URL Standard , di mana ia mengatakan bahwa itu bisa menjadi string relatif-URL-dengan-fragmen , yang setidaknya harus berupa string relatif-URL , yang dapat berupa string jalur-relatif-skema-kurang-URL , yang merupakan string jalur-relatif-URL yang tidak dimulai dengan string skema yang diikuti oleh :, dan definisinya mengatakan (tambang penekanan tebal):

String path-relative-URL harus nol atau lebih string segmen-URL-path, dipisahkan satu sama lain oleh U + 002F (/), dan tidak dimulai dengan U + 002F (/).

Itu sah.

Namun, praktik standar adalah menggunakan href="#"atau kadang-kadang href="javascript:;".

Seperti yang orang lain katakan, itu valid.

Ada beberapa kerugian untuk setiap pendekatan:

href="#" menambahkan entri tambahan ke riwayat peramban (yang menjengkelkan ketika misalnya tombol kembali).

href="" memuat kembali halaman

href="javascript:;" tampaknya tidak memiliki masalah (selain terlihat berantakan dan tidak berarti) - ada yang tahu?

Meskipun mungkin HTML yang benar-benar valid untuk tidak menyertakan href, terutama dengan handler onclick, ada beberapa hal yang perlu dipertimbangkan: itu tidak akan fokus pada keyboard tanpa menetapkan nilai tabindex. Selain itu, ini tidak akan dapat diakses oleh perangkat lunak screenreader menggunakan Internet Explorer, karena IE akan melaporkan melalui antarmuka aksesibilitas bahwa setiap elemen jangkar tanpa atribut href sebagai tidak-fokus, terlepas dari apakah tabindex telah ditetapkan.

Jadi sementara yang berikut ini mungkin benar-benar valid:

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

Jauh lebih baik untuk menambahkan atribut href efek-nol secara eksplisit

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

Untuk dukungan penuh dari semua pengguna, jika Anda menggunakan kelas dengan CSS untuk membuat gambar, Anda juga harus memasukkan beberapa konten teks, seperti atribut judul untuk memberikan deskripsi teks tentang apa yang terjadi.

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

Konsep HTML5 saat ini juga memungkinkan untuk menghilangkan atribut href sepenuhnya.

Jika elemen tidak memiliki atribut href, maka elemen tersebut mewakili pengganti untuk tempat tautan mungkin ditempatkan, jika itu relevan.

Untuk menjawab pertanyaan Anda: Ya itu valid.

Memang, Anda dapat membiarkannya kosong (validator W3 tidak mengeluh).

Mengambil ide satu langkah lebih jauh: tinggalkan = "". Keuntungan dari hal ini adalah bahwa tautan tersebut tidak diperlakukan sebagai jangkar ke halaman saat ini.

<a href>sth</a>

Sementara validator W3 mungkin tidak mengeluh tentang hrefatribut kosong , Draft Kerja HTML5 saat ini menentukan:

The hrefatribut pada adan areaelemen harus memiliki nilai yang URL yang valid berpotensi dikelilingi oleh spasi.

Sebuah URL yang valid adalah URL yang sesuai dengan Standar URL . Sekarang Standar URL agak membingungkan untuk diketahui, namun tidak menyatakan bahwa URL dapat berupa string kosong.

... yang berarti bahwa string kosong bukan URL yang valid.

Namun, Draf Kerja HTML5 menyatakan:

Catatan: The hrefatribut pada adan areaelemen tidak diperlukan ; ketika elemen-elemen itu tidak memiliki hrefatribut, mereka tidak membuat hyperlink.

Ini berarti kita bisa menghilangkan hrefatributnya sekaligus:

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

Jika niat Anda adalah bahwa elemen-elemen hreftanpa ini amasih harus memerlukan interaksi keyboard, Anda harus menempuh rute normal untuk menetapkan roledan di tabindexsamping penangan klik / keydown yang biasa:

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

Sebuah kata peringatan:

Dalam pengalaman saya, menghilangkan hrefatribut menyebabkan masalah aksesibilitas karena navigasi keyboard akan mengabaikannya dan tidak pernah memberikannya fokus seperti ketika href ada. Memasukkan elemen Anda secara manual ke dalam tabindex adalah jalan keluarnya.

itu valid tetapi seperti UpTheCreek mengatakan 'Ada beberapa kerugian untuk setiap pendekatan'

jika Anda memanggil ajax melalui tag biarkan href = "" seperti ini akan membuat halaman reload dan kode ajax tidak akan pernah dipanggil ...

baru saja mendapat pemikiran ini akan baik untuk dibagikan

Coba lakukan <a href="#" class="arrow">sebagai gantinya. (Catat #karakter yang tajam ).