HTML Semantic Elements Nedir? Hadi Biraz Ciddileşelim, Ama Şaka Gibi
İzmir’de sabahları güne başlamak her zaman bir ritüel gibidir. Kahve içerken insanın içindeki filozof uyanır ya hani, işte ben de o kahveyi içerken “HTML Semantic Elements nedir?” diye düşünmeye başladım. Şimdi, hadi itiraf edeyim, “Ya şu kodlar ne kadar karmaşık, anlamıyorum, kafam şişti” dediğim de çok olmuştur. Ama bir şey var ki; HTML semantic elements dediğimiz kavram, aslında biraz hayatı kolaylaştıran ama şaka gibi olan bir şey. Benim de aklımda tam olarak “Ya bu ne ya, çok karışık bir şey” gibi düşünceler var ama sonradan anlamaya başlayınca, aslında ne kadar önemli bir şey olduğunu fark ettim.
Yani, HTML Semantic Elements Tam Olarak Ne Demek?
Bir gün, arkadaşım Caner’le bir kafede oturuyorduk. Sohbet bir şekilde HTML’den açıldı, çünkü ben tabii ki bir front-end geliştirici değilim ama her şeyden biraz anlayan bir insanım. Caner, bir anda bana döndü ve dedi ki: “Ya HTML semantic elements nedir, ne işe yarar, anlat bana biraz!” O an, o kadar büyük bir rahatlama hissettim ki… “Caner, sen de gerçekten her konuda bana mı soracaksın?” dedim. Tabii bu söylediklerim tamamen şaka, aslında bu soruyu bana soran Caner değil, tam olarak kendimdi. Kendi içimdeki soruya cevap vermeye başlıyorum.
HTML semantic elements, aslında bir nevi anlamlı HTML etiketleridir. Yani, kod yazarken kullandığımız etiketlerin her birinin bir anlamı vardır. Yani şunu söylemek istiyorum: bir etiketin sadece var olması yetmez, bir anlam taşıması gerekir. Şimdi şöyle düşünün, eğer sokakta bir tabela görseniz, “Burası bir restoran” yazıyor ve tabelanın yan tarafında sadece “a” harfi var. O zaman ne olur? Ne olduğunu anlayamayız, değil mi? İşte semantic elements dediğimiz şey de, kodlar arasında etiketlerin doğru bir şekilde kullanılmasıyla; bir yapı oluşturuluyor. Yani doğru bir şekilde, neyin ne olduğunu anlatan etiketler kullanmak lazım. Örneğin,