Çapanın içine yayılmış veya açıklığın içinde çapa var mı yoksa önemli değil mi?

109

İç içe yerleştirmek spanve aetiketleri istiyorum . Yapmalımıyım

İçine koy<a>
<a>İçine koy
Önemli değil mi?

html css semantic-markup

— Salman A
kaynak

110

3 - Önemli değil.

ANCAK, yalnızca etiket içeriğinin bir kısmı için bir içeride kullanma eğilimindeyim, yani<a>

<a href="#">some <span class="red">text</span></a>

Ziyade:

<a href="#"><span class="red">some text</span></a>

Açıkçası sadece şöyle olmalı:

<a href="#" class="red">some text</a>

— Jon Hadley
kaynak

1

Kısa bir süre önce metin taşma: üç nokta ve taşma: gizli ile ilgili bir beyaz boşluk sorunuyla karşılaştım; bu, bir gezinme düğmeme bir satır içi blok öğesi ekleyerek çözülebilir. <a> Metin </a> ile bitirdim. Bu yüzden gerçekten ihtiyacınız olduğunda bunu yapmanın sorun olmadığını düşünüyorum (veya umut ediyorum;).

— CunningFatalist

2. seçeneğe gideceğim çünkü önemli. Çapa, sadece sabitleme amaçlı olmalıdır ve unsurları içermek için olmamalıdır (en iyi uygulama). Tıklanabilir bir döşeme yaptığınız ve bağlantının döşeme bileşeninin ana öğesi olduğu ve bileşenin içinde görüntü bağlantıları ve daha fazla görüntü olduğu bir durum hayal edin. Google tarayıcısı çıldıracak ve eninde sonunda yapacak, bu sizin siteniz için iyi değil.

— Imam Bux

33

O (HTML 4.01 ve XHTML 1.0 standartları ile en azından) yuvasına mükemmel geçerli ya bir iç <a>ya da <a>bir iç .

Sadece kendinize kanıtlamak için, her zaman bir W3C Biçimlendirme Doğrulama Hizmetine göz atabilirsiniz.

Doğrulamayı denedim:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  <html>
    <head>
      <title>Title</title>
    </head>
    <body>
       <p>
         <a href="http://www.google.com/"><span>Google</span></a>
       </p>
    </body>
  </html>

Ve aynı yukarıdaki gibi, fakat <a>içeride

yani

<span><a href="http://www.google.com">Google</a></span>

hem HTML 4.01 hem de XHTML 1.0 belge türleriyle ve her ikisi de doğrulamayı başarıyla geçti!

Dikkat etmeniz gereken tek şey, etiketleri doğru sırayla kapatmanızı sağlamaktır. Dolayısıyla , sonra an ile başlarsanız <a>, <a>etiketi kapatmadan önce etiketi kapattığınızdan ve tersini yaptığınızdan emin olun .

— CraigTP
kaynak

20

Önemli değil - ikisinin de iç içe geçmesine izin veriliyor.

— Greg
kaynak

Ancak <a> bir blok düzeyidir ve satır içi düzey öğesidir ve Blok düzeyi öğesi satır içi öğenin içine giremez. Sanırım w3c doğrulamasında

— Jitendra Vyas

26

Hayır, ikisi de sıralı

— Greg

16

bu, neyi işaretlemek istediğinize bağlıdır.

Eğer bir yayılma içine bir bağlantı istiyorsanız, koyun <a>iç .
Bir bağlantı şey biçimlendirme istiyorsanız, koyun içine<a>

— knittl
kaynak

16

SPAN, GENEL bir satır içi kapsayıcıdır. Her ikisi de satır içi öğeler olduğundan, an'ın içinde mi yoksa aiçinde spanmi spanolduğu önemli değildir a. Size mantıksal olarak doğru görünen her şeyi yapmaktan çekinmeyin.

— Salman A
kaynak

2

Açıklığın ne için olduğuna bağlı. Bağlantının bir bağlantı olduğu gerçeğine değil de bağlantının metnine atıfta bulunuyorsa, # 1'i seçin. Aralık, bağlantıya bir bütün olarak atıfta bulunuyorsa, # 2'yi seçin. Açıklığın neyi temsil ettiğini açıklamadıkça, bundan daha fazlası yoktur. Her ikisi de satır içi öğelerdir ve herhangi bir sırayla sözdizimsel olarak iç içe yerleştirilebilir.

— Sykora
kaynak

Doğru, ikisi de satır içi öğelerdir.

— Chris

2

Örneğin bir sıralama simgesi yazı tipi kullanıyor olmanız önemli olabilir. Bunu şimdi şununla yaşadım:

<span class="fa fa-print fa-3x"><a href="some_link"></a></span>

Normalde açıklığı A'nın içine koyardım, ancak stil değiştirilene kadar etkili olmadı.

— user1368737
kaynak

1

Kişisel olarak, bir web geliştiricisi olarak, bağlantı metninin bir bölümünü vurgulamaya çalışıyorsam, yalnızca bir bölüme arka plan uygulamak gibi bir bağlantı etiketi içine bir aralık koyarım.

— Xopa
kaynak

0

Her ikisinde de işe yarayacaktır, ancak şahsen ben 2. seçeneği tercih ederim, bu nedenle aralık bağlantının "etrafında" olur.

— oldskool
kaynak

0

Anlamsal olarak, tek bir öğe için bir kap olduğu kadar daha mantıklı olduğunu düşünüyorum ve eğer onları iç içe geçirmeniz gerekiyorsa, o zaman bu, dış öğenin içinde öğeden fazlasının olacağı anlamına gelir.

— Toby
kaynak