Anlambilimin Temelleri
Anlambilim, bir tasarımcının kalbine korku saldıran bir kelimedir, ancak zor veya karmaşık bir konu olması gerekmez. Anlamlı ifadeyle ilgilidir, sunumsal işaretlemeden kaçınır ve mümkün olduğunda uygun ve anlamlı etiketler kullanır.
Temel olarak, HTML kodunu semantik bir şekilde tasarlamak ve yazmak, HTML'nizi mizanpajla değil sayfanın içeriğiyle ilgili tutmak kadar basittir. Aşağıdaki basit adımlardan bazıları, arama motorlarına, örümceklere ve ziyaretçilere anlamsal olarak memnun kalmanızı sağlamanıza yardımcı olacaktır
Envato Elements'i keşfedin
Başlık etiketi
Sayfa başlığı etiketinizin açıklayıcı ve anlamlı olduğundan emin olun. Sitenizdeki her sayfanın o sayfadaki içeriği yansıtacak şekilde değiştiğinden emin olun.
Başlıklar
Sayfanızın başlıklarını div ve span etiketleriyle tanımlamak mümkündür, ancak bu başlık olduğu anlamına gelmez. Sayfanızdaki başlıkları ayırt etmek ve şekillendirmek için h1 - h6 etiketlerini kullanmak çok daha iyidir.
Tablolar ve Formlar
Varsayılan olarak, tablolar ve formlar çok semantik değildir ve çok genel olabilir. Ayrıca, standart dışı tarayıcılar kullananlar için erişilebilirlikten yoksundurlar. Tablolar için, tablonuzun sütunlarını açıklamak üzere thead etiketini kullandığınızdan emin olun. Formlar için, her girişin, onay kutusunun vb. Ne olduğunu açıklamak için etiket etiketini kullanmaya uyun.
Görüntüler
Tekrar tekrar söyleniyor gibi görünüyor, ancak hem arama motorlarının hem de engelli kullanıcıların yararına sayfa içeriğinde tanımlandıklarından emin olmak için tüm resimlerinizi kullanır.
Basit görünüyor… ama neden?
Anlamsal kod kullanmak, web sitenizin farklı görünmesini sağlamaz ve okuyucularınıza herhangi bir şekilde doğrudan fayda sağlamaz. Görebileceğiniz bir doğrudan etkisi, arama motorlarının daha doğru ve etkili bir şekilde web sitenizi örümcek olmasıdır.
Ayrıca, semantik kodlama geleceğe zemin hazırlıyor. Önümüzdeki 5, 10, 100 yıl içinde web'deki içeriği kullanmaya devam edecek yeni cihazlar, yazılımlar ve uygulamalar yakında olacak. Anlambilim, gelecekteki sistemlerin hangi standartlara bağlı kalacağı ve yorumlanacağı standardını belirler;
