Boş bir href geçerli mi?

Web geliştiricilerimizden biri, açılır listeyi şekillendirmek için yer tutucu olarak aşağıdaki html'yi kullanır.

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

Bu, tutturma etiketi olarak kabul edildi mi?

Href değeri olmadığından, bazı bağlantı denetleyicisi raporlarımızda bozuk olarak görünür.

Bu soru zaten cevaplanmış olmasına rağmen ( tl; dr: evet, boş bir hrefdeğer geçerlidir), mevcut cevapların hiçbiri ilgili spesifikasyonlara referans vermemektedir.

Boş bir dize URI olamaz. Ancak, hreföznitelik yalnızca URI'leri değer olarak değil, aynı zamanda URI referanslarını da alır. Boş bir dize bir URI başvurusu olabilir.

HTML 4.01

HTML 4.01 , bölüm 4.2'de söylediği RFC 2396'yı kullanır . Aynı Belge Referansları (cesur vurgu madeni):

URI içermeyen bir URI referansı, geçerli belgeye yapılan bir referanstır. Başka bir deyişle, bir belgedeki boş bir URI başvurusu, belgenin başlangıcına bir başvuru olarak yorumlanır ve yalnızca bir parça tanımlayıcısı içeren bir başvuru, o belgenin tanımlanan parçasına bir referanstır.

RFC 2396, esasen aynı şeyi söyleyen RFC 3986 (şu anda IETF'in URI standardı ) tarafından kullanılmamaktadır .

HTML5

HTML5 kullanımları ( geçerli URL potansiyel boşluklarla çevrili → geçerli URL ) W3C URL spec durduruldu. Bunun yerine WHATWG'nin URL Standardı kullanılmalıdır (son bölüme bakın).

HTML 5.1

HTML 5.1 kullanır ( potansiyel olarak boşluklarla çevrili geçerli URL → geçerli bir URL ) WHATWG URL Standardı (bir sonraki bölüme bakınız).

WHATWG HTML

WHATWG HTML kullanımları ( geçerli URL potansiyel boşluklar ile çevrili ) tanımı geçerli URL dizesine gelen WHATWG URL Standardı bunun bir olabileceğini söylüyor, göreli URL-with-parçası dize bir olmak, en azından zorunluluk, bağıl-URL dizesi , bir yola göre göreceli şemadan daha az URL dizesi olabilir , bu da bir şema dizesi ile başlamamış, yola göre göreceli bir URL dizgisidir: ve tanımı şöyle der (kalın vurgu mayını):

Yola bağlı URL dizesi, sıfır veya daha fazla URL yolu segmenti dizesi olmalı , birbirinden U + 002F (/) ile ayrılmış ve U + 002F (/) ile başlamamalıdır.

Geçerli.

Bununla birlikte, standart uygulama href="#"veya bazen kullanmaktır href="javascript:;".

Diğerlerinin söylediği gibi, geçerlidir.

Yine de her yaklaşımın bazı dezavantajları vardır:

href="#" tarayıcı geçmişine fazladan bir giriş ekler (örneğin geri düğmelerde can sıkıcıdır).

href="" sayfayı yeniden yükler

href="javascript:;" herhangi bir problemi yok gibi görünüyor (dağınık ve anlamsız görünmek dışında) - kimse biliyor mu?

Bir href içermemesi, özellikle bir onclick işleyicisi ile tamamen geçerli bir HTML olsa da, dikkate alınması gereken bazı şeyler vardır: bir tabindex değeri ayarlanmadan klavyeye odaklanmayacaktır. Ayrıca, IE, tabindex'in ayarlanıp ayarlanmadığına bakılmaksızın, href niteliği olmayan herhangi bir bağlantı elemanının odaklanamaz olarak erişilebilirlik arabirimleri aracılığıyla rapor edeceği için, Internet Explorer kullanan ekran okuyucu yazılımı tarafından erişilemez.

Bu nedenle, aşağıdakiler tamamen geçerli olabilir:

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

Null efektli href niteliğini açıkça eklemek çok daha iyi

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

Tüm kullanıcıların tam desteği için, bir görüntüyü oluşturmak üzere sınıfı CSS ile kullanıyorsanız, neler olup bittiğine ilişkin metinsel bir açıklama sağlamak için title özelliği gibi bazı metin içeriği de eklemeniz gerekir.

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

Mevcut HTML5 taslağı , href niteliğinin tamamen yerine getirilmesine de izin verir.

A öğesinin href özelliği yoksa, öğe, alakalı olsaydı, bir bağlantının başka türlü yerleştirilmiş olabileceği yer tutucusunu temsil eder.

Sorunuzu cevaplamak için: Evet geçerlidir.

Gerçekten, boş bırakabilirsiniz (W3 doğrulayıcı şikayet etmiyor).

Fikri bir adım daha ileri götürmek: = "" işaretini dışarıda bırakın. Bunun avantajı, bağlantının geçerli sayfaya bir çapa olarak işlem görmemesidir.

<a href>sth</a>

W3'ün doğrulayıcısı boş bir hrefözellikten şikayet etmese de , geçerli HTML5 Çalışma Taslağı şunları belirtir:

Açık hrefözelliğinin ave areaöğelerinin , boşluklarla çevrelenmiş geçerli bir URL olan bir değeri olmalıdır .

Bir Geçerli bir URL uyan URL URL Standardı . Artık URL Standardı başınızı döndürmek için biraz kafa karıştırıcı, ancak hiçbir yerde bir URL'nin boş bir dize olabileceğini belirtmiyor.

... yani boş bir dize geçerli bir URL değildir .

HTML5 Çalışma Taslağı şu şekilde devam eder:

Not: üzerine nitelik ve unsurların gerekli değildir ; bu öğelerin öznitelikleri olmadığında köprüler oluşturmazlar.hrefaareahref

Bu, hrefözelliği tamamen atlayabileceğimiz anlamına gelir :

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

hrefAmacınız , bu -less aöğelerin yine de klavye müdahalesi gerektirmesiyse, normal a roleveya atama tabindexişleyicilerinizin yanında normal a atama yolundan gitmeniz gerekir :

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

Uyarı kelimesi:

Deneyimlerime göre, hrefklavye gezinmesi onu görmezden geleceği ve href mevcutken asla olduğu gibi odaklanmayacağı için özniteliğin atlanması erişilebilirlik sorunlarına neden olur. Öğenizi tabindex'e manuel olarak dahil etmek bunun bir yoludur.

geçerli ama UpTheCreek'in dediği gibi 'Her yaklaşımın bazı dezavantajları var'

ajax'ı bir etiket aracılığıyla çağırıyorsanız, bu şekilde sayfanın yeniden yüklenmesini sağlayacak ve ajax kodu asla çağrılmayacak şekilde href = "" bırakın ...

bu düşünceyi paylaşmak iyi olurdu

<a href="#" class="arrow">Bunun yerine yapmaya çalışın . (Keskin #karakteri not edin ).