16 Temmuz 2012, Pazartesi<\/p>\n
\n Web geli\u015ftirme ba\u011flam\u0131nda semantik, anlamsal i\u015faretleme anlam\u0131na gelir; yani i\u015faretlemenin kendi anlam\u0131 ve amac\u0131na uygun \u015fekilde kullan\u0131lmas\u0131d\u0131r.\n<\/p>\n
\n Amac\u0131na uygun i\u015faretleme; ba\u015fl\u0131klar i\u00e7in ba\u015fl\u0131k \u00f6\u011felerinin (\u00f6rne\u011fin \n Web’in sadece birka\u00e7 web sitesinden olu\u015ftu\u011fu ve yazarlar\u0131n t\u00fcm siteleri kodlamak i\u00e7in tablolar\u0131, ba\u015fl\u0131klar i\u00e7in tablo h\u00fccrelerini veya paragraflar\u0131 kulland\u0131\u011f\u0131 ve istedikleri d\u00fczeni elde etmek i\u00e7in ba\u015fka yarat\u0131c\u0131 yollar arad\u0131\u011f\u0131 eski g\u00fcnlerde, bu bariz ger\u00e7e\u011fi belirtmek bir zorunluluk haline gelmi\u015fti. (Kabul etmek gerekir ki, bu yazarlar\u0131n elindeki ara\u00e7lar g\u00fcn\u00fcm\u00fcz yazarlar\u0131n\u0131nkine k\u0131yasla daha k\u0131s\u0131tl\u0131yd\u0131. Tablolar veya g\u00f6rseller kullanmadan \u00fc\u00e7 s\u00fctunlu bir d\u00fczen kodlaman\u0131n kelimenin tam anlam\u0131yla imkans\u0131z oldu\u011fu zamanlar vard\u0131.)\n<\/p>\n \n Bug\u00fcne kadar yazarlar, HTML sayfalar\u0131ndaki hangi i\u015flevsel birim i\u00e7in hangi HTML \u00f6\u011fesini kullanacaklar\u0131 konusunda her zaman emin de\u011fillerdi. Ancak HTML 5 gibi “ya\u015fayan” teknik \u00f6zellikler, yazarlar\u0131n \n HTML’in hangi \u00f6\u011feleri sundu\u011funu ve bu \u00f6\u011felerin ne anlama geldi\u011fini bilmek i\u00e7in HTML teknik \u00f6zelliklerine ba\u015fvurmak gerekir. T\u00fcm HTML teknik \u00f6zelliklerini ve \u00f6\u011felerini<\/a> kapsayan ve bir \u00f6\u011fenin anlam\u0131n\u0131 aramay\u0131 ve bulmay\u0131 kolayla\u015ft\u0131ran dizinler mevcuttur. Yine de bir\u00e7ok durumda HTML teknik \u00f6zelliklerinin<\/a> ne dedi\u011fini kontrol etmek gerekebilir.\n<\/p>\n \n \u00d6rne\u011fin, \n \n HTML \u00f6\u011feleri, HTML teknik \u00f6zelliklerinde tan\u0131mland\u0131\u011f\u0131 gibi anlam ta\u015f\u0131r; ancak ID ve s\u0131n\u0131f isimleri de anlam ta\u015f\u0131yabilir. Mikroveriler<\/a> gibi, ID ve s\u0131n\u0131f isimleri de genellikle yazar\u0131n kontrol\u00fcndedir; tek istisna mikroformatlard\u0131r<\/a>. (Bu makalede mikroverileri veya mikroformatlar\u0131 ele almayaca\u011f\u0131z.)\n<\/p>\n \n ID ve s\u0131n\u0131f isimleri, yazarlara HTML \u00f6\u011feleriyle \u00e7al\u0131\u015fma konusunda b\u00fcy\u00fck bir \u00f6zg\u00fcrl\u00fck tan\u0131r. Bu \u00f6zg\u00fcrl\u00fc\u011f\u00fcn sorunlara yol a\u00e7mamas\u0131n\u0131 sa\u011flamak i\u00e7in izlenebilecek birka\u00e7 temel kural vard\u0131r:\n<\/p>\n \n \u0130\u015faretlemeyi amac\u0131na uygun kullanman\u0131n ve i\u015flevsel ID ile s\u0131n\u0131f isimlerini \u00f6l\u00e7\u00fcl\u00fc bir \u015fekilde tercih etmenin \u00e7e\u015fitli avantajlar\u0131 vard\u0131r:\n<\/p>\n \n “N\u00f6tr” \u00f6\u011feler, anlam\u0131 belirsiz \u00f6\u011feler ve sunumsal \u00f6\u011feler \u00f6zel durumlar\u0131 olu\u015fturur.\n<\/p>\n \n \n Ge\u00e7mi\u015fte h1<\/code>‘den h6<\/code>‘ya kadar), paragraflar i\u00e7in paragraf \u00f6\u011felerinin (p<\/code>), listeler i\u00e7in liste \u00f6\u011felerinin (ul<\/code>, ol<\/code>, dl<\/code>, ayr\u0131ca datalist<\/code> veya menu<\/code>), veri tablolar\u0131 i\u00e7in tablo \u00f6\u011felerinin kullan\u0131lmas\u0131 ve benzeri uygulamalar\u0131 ifade eder.\n<\/p>\ndiv<\/code> veya span<\/code> gibi “anlams\u0131z” yedek \u00f6\u011felere ihtiya\u00e7 duyulan durumlarda, gelecekte hangi \u00f6\u011felerin kullan\u0131laca\u011f\u0131n\u0131 takip etmelerini gerektiriyor.\n<\/p>\ncode<\/code> \u00f6\u011fesini<\/a> ele alal\u0131m:\n<\/p>\ncode<\/code> \u00f6\u011fesi, bir bilgisayar kodu par\u00e7as\u0131n\u0131 temsil eder. Bu bir XML \u00f6\u011fe ad\u0131, dosya ad\u0131, bilgisayar program\u0131 veya bir bilgisayar\u0131n tan\u0131yabilece\u011fi ba\u015fka herhangi bir karakter dizisi olabilir.\n<\/p><\/blockquote>\nYazar kontroll\u00fc semantik<\/h2>\n
\n
Semantik i\u015faretleme kullanman\u0131n avantajlar\u0131<\/h2>\n
\n
\u00d6zel durumlar<\/h2>\n
div<\/code> ve span<\/code>, “belgelere yap\u0131 eklemek i\u00e7in genel bir mekanizma” sunar. S\u00f6z konusu i\u00e7eri\u011fin temsil etti\u011fi \u015feye uyan ba\u015fka bir \u00f6\u011fe bulunmad\u0131\u011f\u0131nda her zaman kullan\u0131labilirler.\n<\/p>\nb<\/code>, strong<\/code>, i<\/code> ve em<\/code> \u00f6\u011feleri \u00e7ok fazla kafa kar\u0131\u015f\u0131kl\u0131\u011f\u0131na neden olmu\u015ftur. Yazarlar b<\/code> ve i<\/code> \u00f6\u011felerini sunumsal olduklar\u0131 i\u00e7in ele\u015ftirmi\u015f ve genellikle strong<\/code> ve em<\/code> ile birebir de\u011fi\u015ftirilmelerini \u00f6nermi\u015flerdir. Ge\u00e7mi\u015fi de\u015fmeden, HTML 5’in bu d\u00f6rt \u00f6\u011feye de bir varolu\u015f nedeni<\/i> tan\u0131d\u0131\u011f\u0131n\u0131 belirtelim:\n<\/p>\n