Ve ne zaman kullanılmalıdır MAKALE, ASIDE ve DIV
Yeni HTML5 SECTION öğesi biraz kafa karıştırıcı olabilir. HTML5'ten önce HTML belgeleri oluşturuyorsanız, sayfalarınızda yapısal bölümler oluşturmak için öğeyi zaten kullanıyor ve sayfaları sayfalara göre şekillendiriyorsunuz. Bu yüzden mevcut DIV elemanlarınızı SECTION elemanları ile değiştirmek gerçekten doğal bir şey gibi görünebilir. Ama bu teknik olarak yanlış. Dolayısıyla, DIV elemanlarını sadece SECTION elemanları ile değiştirmezseniz, bunları doğru bir şekilde nasıl kullanırsınız?
BÖLÜM Elemanı Semantik Bir Elemandır
Anlamanız gereken ilk şey, SECTION öğesinin semantik bir element olmasıdır. Bu, hem kullanıcı aracılara hem de kullanıcılara, içerilen içeriğin (özellikle de belgenin bir bölümü) ne anlama geldiği anlamına gelir.
Bu, çok genel anlamsal bir açıklama gibi görünebilir ve bunun nedeni budur. SECTION öğeyi kullanmadan önce kullanmanız gereken içeriğinize daha fazla anlamsal ayrımlar sağlayan diğer HTML5 öğeleri vardır:
- MAKALE
- KENARA
- NAV
BÖLÜM Elemanı Ne Zaman Kullanılır?
İçerik, sitenin bağımsız bir parçası olan ve bir makale veya blog yazısı gibi paylaşılabilen sitenin bağımsız bir parçası olduğunda, ARTICLE öğesini kullanın. İçerik, yan sayfalar, ek açıklamalar, dipnotlar veya ilişkili site bilgileri gibi, sayfanın içeriği veya sitenin kendisi ile teğet olarak ilişkili olduğunda ASIDE öğesini kullanın. Navigasyon içeriği için NAV öğesini kullanın.
SECTION öğesi, genel bir semantik elemandır. Diğer semantik konteynır elemanlarının hiçbiri uygun olmadığında kullanırsınız. Belgenizin bölümlerini, bir şekilde ilişkili olarak tanımlayabileceğiniz ayrı birimler halinde birleştirmek için kullanırsınız. Eğer bölümdeki elemanları bir ya da iki cümlede tanımlayamazsanız, muhtemelen öğeyi kullanmamalısınız.
Bunun yerine, DIV öğesini kullanmalısınız. HTML5'teki DIV öğesi, semantik olmayan bir kapsayıcı öğedir. Birleştirmeye çalıştığınız içeriğin anlamsal bir anlamı yoksa, ancak stil için birleştirmeniz gerekiyorsa, DIV öğesi kullanılacak uygun öğedir.
BÖLÜM Elemanı Nasıl Çalışır?
Belgenizin bir bölümü, makaleler ve ASIDE öğeleri için dış kap olarak görünebilir. Ayrıca, bir MADDE veya ASIDE'nin parçası olmayan içerik de içerebilir. Bir MADDE, NAV veya ASIDE içinde bir BÖLÜM elemanı da bulunabilir. Bir içerik grubunun, bir makalenin bir bölümü veya bir bütün olarak bir sayfanın parçası olan başka bir içerik grubunun bir bölümü olduğunu belirtmek için bölümleri iç içe bilebilirsiniz.
SECTION öğesi, belgenin bir taslağının içindeki öğeleri oluşturur. Ve böylelikle, bölümün bir parçası olarak her zaman bir başlık elemanına (H1'den H6'ya) sahip olmalısınız. Eğer bölüm için bir başlık bulamazsanız, o zaman yine DIV elemanı daha uygun olur. Unutmayın, bölüm başlığının sayfada görünmesini istemiyorsanız, her zaman CSS ile maskeleyebilirsiniz.
BÖLÜM Elemanı Kullanılmadığında
Yukarıdaki tavsiyelerin ötesinde, daha spesifik anlamsal öğeleri ilk önce kullanmak için, SECTION öğesini kullanmamanız gereken belirli bir alan vardır: sadece stil için.
Diğer bir deyişle, eğer o yere bir eleman koymanızın tek nedeni CSS stil özelliklerini eklemekse, bir SECTION öğesi kullanmamalısınız. Anlamsal bir eleman bulun veya DIV öğesini kullanın.
Nihayetinde Önemli Değil
Anlamsal HTML yazarken bir zorluk benim için semantik olan şeyin sizin için tamamen saçmalık olabileceğidir. Belgelerinizdeki SECTION öğesini kullanarak haklı olduğunuzu düşünüyorsanız, bunu kullanmalısınız. Çoğu kullanıcı aracısı umurumda değil ve bir DIV veya SECTION stili oluşturup oluşturmayacağınızı tahmin edebileceğiniz gibi görüntüleyecektir.
Semantik olarak doğru olmak isteyen tasarımcılar için, SECTION öğesini semantik olarak geçerli bir şekilde kullanmak önemlidir. Sadece sayfalarını çalışmak isteyen tasarımcılar için bu önemli değil. Semantik olarak geçerli HTML yazmanın iyi bir uygulama olduğuna ve sayfaları daha geleceğe dönük olarak koruduğuna inanıyorum. Ama sonunda size kalmış.