HTML'ye bakarsanız işaretleme bugün herhangi bir web sayfası için, diğer HTML öğelerinde bulunan HTML öğelerini göreceksiniz. Diğer elementlerin "içinde" bulunan bu elementler olarak bilinir. iç içe elemanlar, ve bugün herhangi bir web sayfası oluşturmak için gereklidirler.
HTML Etiketlerini Yuvalamak Ne Demektir?
Yuvalamayı anlamanın en kolay yolu düşünmektir. HTML etiketleri içeriğinizi tutan kutular olarak. İçeriğiniz metin, resim ve ilgili medya içerebilir. HTML etiketleri, içeriğin etrafındaki kutulardır. Bazen kutuları diğer kutuların içine yerleştirmeniz gerekir. Bu "iç" kutular diğerlerinin içine yerleştirilmiştir.
Paragrafın içinde kalın olmasını istediğiniz bir metin bloğunuz varsa, iki HTML öğeleri hem de metnin kendisi.
Örnek: Bu bir metin cümlesidir.
Bu metin bizim örnek olarak kullanacağımız şeydir. İşte HTML'de nasıl yazılacağı:
Örnek: Bu bir metin cümlesidir.
Kelime yapmak için cümle kalın, o kelimeden önce ve sonra açılış ve kapanış etiketleri ekleyin.
Örnek: Bu bir cümle metin.
Gördüğünüz gibi, cümlenin içeriğini içeren bir kutumuz (paragraf) artı ikinci bir kutumuz (paragraf) var. kuvvetli etiket çifti), bu da o kelimeyi kalın yapar.
Etiketleri yuvaladığınızda, etiketleri açtığınızın tersi sırayla kapatın. sen aç
ilk olarak, ardından , bu, bunu tersine çevirdiğiniz ve ve sonra.
Bunu düşünmenin bir başka yolu da kutu benzetmesini bir kez daha kullanmaktır. Bir kutuyu başka bir kutunun içine yerleştirirseniz, dış kutuyu veya kutuyu kapatmadan önce iç kutuyu kapatmanız gerekir.
Daha Fazla İç İçe Etiket Ekleme
Ya sadece bir veya iki kelimenin olmasını istiyorsan kalın ve italik olacak başka bir set? İşte bunu nasıl yapacağınız.
Örnek: Bu bir cümle metnin ve ayrıca bazı italik metin çok.
Dış kutumuzun,
, artık içinde iki iç içe etiket var— ve . İçerdiği kutu kapatılmadan önce her ikisinin de kapatılması gerekir.
Örnek: Bu bir cümle metnin ve ayrıca bazı italik metin çok.
Bu başka bir paragraf.
Bu durumda, kutuların içinde kutularımız var! En dıştaki kutu,
veya bir. bölünme. Bu kutunun içinde iç içe bir çift var. paragraf etiketleri, ve ilk paragrafın içinde bir sonraki var. ve etiket çifti.Neden Yuvalamaya Önem Vermelisiniz?
Yuvalamayı önemsemenizin 1 numaralı nedeni, CSS kullanacaksanızdır. Basamaklı Stil Şablonu stillerin nerede başlayıp nerede bittiğini söyleyebilmesi için, etiketlerin belge içinde tutarlı bir şekilde yuvalanmasına güvenir. Yanlış iç içe yerleştirme, tarayıcının bu stilleri nereye uygulayacağını bilmesini zorlaştırır. Biraz HTML'ye bakalım:
Örnek: Bu bir cümle metnin ve ayrıca bazı italik metin çok.
Bu başka bir paragraf.
Yukarıdaki örneği kullanarak, bir yazmak istersek CSS stili bu, bu bölümün içindeki bağlantıyı ve yalnızca bu bağlantıyı etkiler (sayfanın diğer bölümlerindeki diğer bağlantıların aksine), bu stili yazmak için iç içe yerleştirmeyi kullanmamız gerekir, şu şekilde:
.main-content a {
renk: #F00;
}
Diğer Hususlar
Erişilebilirlik ve tarayıcı uyumluluğu da önemlidir. HTML'niz yanlış bir şekilde yuvalanmışsa, ekran okuyucular ve eski tarayıcılar o kadar erişilebilir olmaz ve hatta HTML'yi tamamen bozabilir. HTML öğeleri ve etiketleri eksik olduğundan tarayıcılar bir sayfanın nasıl düzgün şekilde oluşturulacağını bulamıyorsa, bir sayfanın görsel görünümü yer.
Son olarak, tamamen doğru ve geçerli HTML yazmaya çalışıyorsanız, doğru yerleştirmeyi kullanmanız gerekir. Aksi takdirde, her doğrulayıcı HTML'nizi yanlış olarak işaretleyecektir.