'Name' veya 'id' ile HTML Bağlantıları oluşturmalı mıyım?

Bir web sayfasının bir kısmına " http://example.com/#foo" yöntemiyle başvurmak istediğinde ,

<h1><a name="foo"/>Foo Title</h1>

veya

<h1 id="foo">Foo Title</h1>

İkisi de çalışıyor, ama eşit mi, yoksa anlamsal farklılıkları var mı?

HTML 5 spesifikasyonuna göre, 5.9.8 Bir parça tanımlayıcıya gitme :

HTML belgeleri (ve metin / html MIME türü) için, belgenin belirtilen bölümünün ne olduğunu belirlemek için aşağıdaki işleme modeli izlenmelidir.

1. URL'yi ayrıştırın ve fragid'in URL'nin <fragment> bileşeni olmasına izin verin.
2. Kırık boş dizeyse, belgenin belirtilen kısmı belgenin üst kısmıdır.
3. DOM'de kimliğe tam olarak eşit olan bir öğe varsa, ağaç düzenindeki bu tür ilk öğe belgenin belirtilen parçasıdır; algoritmayı burada durdurun.
4. Bir varsa bir değer fragid tam olarak eşit olan bir ad özelliği vardır DOM elemanı, daha sonra ağaç amacıyla birinci böyle bir elemanın belge belirtilen parçasıdır; algoritmayı burada durdurun.
5. Aksi takdirde, belgenin belirtilen bir parçası yoktur.

Yani, arayacak id="foo"ve takip edecekname="foo"

Düzenleme: @hsivonen tarafından işaret edildiği gibi, HTML5'te aöğenin ad özelliği yoktur. Ancak, yukarıdaki kurallar diğer adlandırılmış öğeler için de geçerlidir.

XML boş öğe sözdizimi desteklenmediği için, <h1><a name="foo"/>Foo Title</h1>sunulan herhangi bir HTML aromasında kullanmamalısınız . Ancak, HTML4'te sorun yok. HTML5'te şu anda hazırlandığı gibi geçerli değil.text/htmltext/html<h1><a name="foo">Foo Title</a></h1>

<h1 id="foo">Foo Title</h1>HTML4 ve HTML5'te sorun yoktur. Bu Netscape 4'te çalışmaz, ancak muhtemelen Netscape 4'te çalışmayan bir düzine başka özellik kullanacaksınız.

Sayfadaki o bölgeye bağlantı veriyorsanız ... page.html # foo ve Foo Title gibi kullanmanız gereken bir bağlantı olmadığını söylemeliyim:

<h1 id="foo">Foo Title</h1>

Bunun yerine bir <a>referans koyarsanız , başlığınız sitenizdeki <a>belirli bir CSS'den etkilenir . Bu sadece ekstra işaretleme ve buna ihtiyacınız yok. Başlığa bir kimlik yerleştirmenizi şiddetle tavsiye ediyorum, sadece daha iyi oluşturulmuş değil, aynı zamanda Javascript veya CSS'de bu nesneyi ele almanızı sağlayacaktır.

Wikipedia bu özelliği şu şekilde yoğun bir şekilde kullanmaktadır:

<a href="#History">[...]</a>
<span class="mw-headline" id="History">History</span>

Vikipedi herkes için çalışıyor, bu yüzden bu forma sadık kalmak güvende olurdum.

Ayrıca unutmayın, bunu yalnızca yayılma alanlarıyla değil, div'ler ve hatta tablo hücreleriyle de kullanabilirsiniz ve daha sonra öğedeki target pseudo-class'a erişebilirsiniz. Kalın metinlerde olduğu gibi genişliği değiştirmemeye dikkat edin, bu da içeriği hareket ettiren rahatsız edici bir durumdur.

İsimli çapa - benim oyum kaçınmaktır:

• "İsimler ve kimlikler aynı ad alanında ..." - Aynı ad alanına sahip iki özellik sadece çılgınca. Diyelim ki zaten kullanımdan kaldırıldı.
• "Href özniteliği olmayan elemanları tutturur" - Yine, bir elemanın doğası (köprü ya da değil) bir öznitelik ile tanımlanır ?! Çift deli. Sağduyu tamamen bundan kaçınmayı söylüyor.
• Bir sözde sınıf olmadan bir çapa stil uygularsanız, stil her birine uygulanır. CSS3'te, öznitelik seçicilerle (veya her sahte cam için aynı stille) bunun üstesinden gelebilirsiniz, ancak yine de bir çözümdür. Bu genellikle ortaya çıkmaz, çünkü sözde sınıf başına renk seçersiniz ve alt çizgi varsayılan olarak mevcut olur, yalnızca diğer metinlerle aynı hale getiren kaldırılması mantıklıdır. Ancak bağlantılarınızı kalınlaştırmaya karar verdiniz, bu sorun yaratacaktır.
• Netscape 4 id özelliğini desteklemeyebilir, ancak yine de bilinmeyen bir özellik herhangi bir soruna neden olmaz. Benim için uyumluluk denen şey buydu.

<h1 id="foo">Foo Title</h1>

ne kullanılması gerektiğidir. Bir bağlantı istemiyorsanız çapa kullanmayın.

JavaScript kullanıcıları için uyarı: tüm kimlikler pencere altında global değişkenler haline gelir .

<h1 id="foo">Foo Title</h1>

Az önce JS global'i oluşturduk:

window.foo

Değeri window.fooolacaktır HTMLElementiçinh1 .

Özelliklerde kullanılan tüm değerlerin idgüvenli olduğunu garanti edemezseniz, aşağıdakilere bağlı kalmayı tercih edebilirsiniz name:

<h1 name="foo">Foo Title</h1>

Anlamsal bir fark yoktur; standartlardaki eğilim iddaha ziyade kullanımına yöneliktir name. Bununla birlikte, namebazı durumlarda tercih edilmesine neden olabilecek farklılıklar vardır . HTML 4.01 belirtimi aşağıdaki ipuçlarını sunar :

Kullan idveya name? Yazarlar kullanmaya karar verirken aşağıdaki konuları dikkate almalıdır idya namebir çapa adı için:

• İd niteliği, yalnızca bir bağlantı adından (ör. Stil sayfası seçici, işleme tanımlayıcısı vb.) Daha fazlası gibi davranabilir.
• Bazı eski kullanıcı aracıları id özelliğiyle oluşturulan bağlantı noktalarını desteklemez.
• Name özniteliği (varlıklarla) daha zengin bağlantı adlarına izin verir.

Kimlik yöntemi eski tarayıcılarda çalışmaz, çapa adı yöntemi daha yeni HTML sürümlerinde kullanımdan kaldırılacaktır ... id ile giderdim.

Dikey olarak yığılmış div kapsayıcı, biçiminde aynı ve sadece seri numarası farklı bir dizi oluşan bir web sayfası var. Her div'in üstündeki çapayı gizlemek istedim, bu yüzden en ekonomik çözüm, çapayı açılış div etiketi içinde bir kimlik olarak dahil ettiği ortaya çıktı, yani,

<div id="[serial number]" class="topic_wrapper">

Yalnızca biçimlendirme hakkında bir gözlem HTML'nin önceki sürümlerindeki biçimlendirme formu bir bağlantı noktası sağlamıştır. HTML5'te id niteliğini kullanan biçimlendirme formları, çoğunlukla eşdeğer olsa da, hemen hemen hepsinin normalde içerik içermesi beklenen bir öğe gerektirir.

Örneğin boş bir açıklık veya div kullanılabilir, ancak bu kullanım dejenere görünüyor ve kokuyor.

Bir düşünce wbr elemanını bu amaçla kullanmaktır. Wbr boş bir içerik modeline sahiptir ve basitçe satır kesmenin mümkün olduğunu bildirir; bu hala bir biçimlendirme etiketinin hafifçe küçük bir kullanımıdır, ancak ücretsiz belge bölümlerinden veya boş metin aralıklarından çok daha azdır.

İkinci örnek, söz konusu öğeye benzersiz bir kimlik atar. Bu eleman daha sonra DHTML kullanılarak manipüle edilebilir veya erişilebilir.

İlki, öte yandan, belge içinde bir yer işaretine benzer şekilde adlandırılmış bir konum belirler. Bir "ankraj" a bağlı, mükemmel bir mantıklı.

Html 5'te id=""öznitelik, bir öğe için benzersiz bir tanımlayıcı tanımlar; bu, aynı zamanda bir parça bağlantısı için bir bağlantıdır. Önceki html standartlarında, öğenin name=""niteliği <a>bir parça bağlantısı için bir çapa tanımlar. Şöyle bir şey öneriyorum: Özellik
<a name="foo" id="foo"></a><h1>Foo Title</h1>
için destek id=""biraz sivilceli (tüm büyük tarayıcıların en son sürümleri desteklese de, birkaç yıldan eski olmayan sürümler [Ve bir şeyleri kırmamak en iyisi) için iyi bir neden yoksa]). Uyumludur ve link'd öğesinde ne varsa biçimlendirmez, çünkü kapanış </a> hala öğenin dışındadır, ancak mevcut tüm standartlarda hala geçerlidir.

Öğenin name=""ve id=""özniteliklerinin <a>aynı olduğundan emin olun .

Eski tarayıcılar için ad niteliğini ve yeni tarayıcılar için kimlik niteliğini kullanma hakkında. Her iki seçenek de kullanılacak ve geri dönüş yöntemi varsayılan olarak uygulanacaktır !!!

Tüm "adlandırılmış çapa" kavramı, tanım gereği ad özniteliğini kullanır. Sadece adı kullanmaya devam etmelisiniz, ancak ID özelliği bazı javascript durumları için kullanışlı olabilir.

Yorumlarda olduğu gibi, bahislerinizi korumak için her zaman her ikisini de kullanabilirsiniz.