{"id":2137,"date":"2020-07-14T14:39:37","date_gmt":"2020-07-14T14:39:37","guid":{"rendered":"https:\/\/www.dopinger.com\/tr\/blog\/?p=2137"},"modified":"2023-11-03T19:49:42","modified_gmt":"2023-11-03T16:49:42","slug":"html5-nedir-semantik-html-etiketleri","status":"publish","type":"post","link":"http:\/\/www.dopinger.com\/tr\/blog\/html5-nedir-semantik-html-etiketleri","title":{"rendered":"HTML5 Nedir? Semantik HTML Etiketleri Nas\u0131l Kullan\u0131l\u0131r?"},"content":{"rendered":"\n
Ge\u00e7mi\u015ften g\u00fcn\u00fcm\u00fcze, HTML, World Wide Web (WWW)’de platformlar aras\u0131 i\u00e7erik yap\u0131land\u0131rmak, a\u011f olu\u015fturmak ve sa\u011flamak i\u00e7in standart dil olmu\u015ftur. Bug\u00fcn internette gezinmek, milenyumun ba\u015flar\u0131nda oldu\u011fundan \u00e7ok farkl\u0131 bir deneyim. Metinlere ve resimlere ek olarak, g\u00fcn\u00fcm\u00fcz internetini oldu\u011fu gibi yapan \u00f6zellik multimedya unsurlar\u0131d\u0131r. Mobil kullan\u0131m\u0131n pop\u00fclaritesinin artmas\u0131yla, g\u00fcn\u00fcm\u00fcz\u00fcn de\u011fi\u015fen internet ortam\u0131n\u0131n bir \u00f6nceki y\u00fczy\u0131l\u0131n bi\u00e7imlendirme dilinden \u00e7ok daha uzun s\u00fcredir var oldu\u011fu hemen anla\u015f\u0131l\u0131yor.<\/p>\n\n\n\n
Bu geli\u015fme,\nweb sitelerini, programc\u0131lar\u0131n, i\u00e7erik \u00fcreticilerinin ve kullan\u0131c\u0131lar\u0131n taleplerini\nkar\u015f\u0131lamalar\u0131na yard\u0131mc\u0131 olmak i\u00e7in \u00e7e\u015fitli eklenti g\u00fcncellemelerine g\u00fcvenmeye\nzorlad\u0131. Bu ge\u00e7ici \u00e7\u00f6z\u00fcm\u00fcn bir yan etkisi, g\u00fcvenlik ve uyumsuzluklardaki\nbo\u015fluklar\u0131n giderek artan bir durum haline gelmesidir. HTML’nin be\u015finci\ns\u00fcr\u00fcm\u00fc bu rahats\u0131zl\u0131klara son verilmesine yard\u0131mc\u0131 olmak amac\u0131yla ortaya\n\u00e7\u0131kar\u0131ld\u0131. Ekim 2014’te, World Wide Web Konsorsiyumu (W3C), WWW’nin temel\ndili olarak hizmet edecek olan HTML5’in temel \u00e7er\u00e7evesini ortaya\n\u00e7\u0131kard\u0131. Ancak herkes, bu en son s\u00fcr\u00fcm\u00fc be\u011fenmedi. Web sitesi y\u00f6neticilerinin\nb\u00fcy\u00fck bir k\u0131sm\u0131 hala sitelerini eski s\u00fcr\u00fcmde \u00e7al\u0131\u015ft\u0131r\u0131yor veya XHTML gibi\nuzla\u015fmac\u0131 uzant\u0131lara ge\u00e7iyor. Bunlar\u0131n hepsi yak\u0131nda de\u011fi\u015fmek zorunda\nkalacak.<\/p>\n\n\n\n
Peki internetin yeni dili olan HTML5 nedir? <\/p>\n\n\n
HTML5, web sayfalar\u0131n\u0131n i\u00e7eri\u011fini ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc tan\u0131mlamak i\u00e7in standart programlama dili olan HTML\u2019in g\u00fcncel bir s\u00fcr\u00fcm\u00fcd\u00fcr.<\/p>\n\n\n\n
HTML5, ge\u00e7erli standart HTML4’\u00fc etkileyen uyumluluk sorunlar\u0131n\u0131 \u00e7\u00f6zmek i\u00e7in geli\u015ftirilmi\u015ftir. HTML5 ile standard\u0131n \u00f6nceki s\u00fcr\u00fcmleri aras\u0131ndaki en b\u00fcy\u00fck farklardan biri, HTML’nin eski s\u00fcr\u00fcmlerinin tescilli eklentiler ve API’lar gerektirmesidir. Bu nedenle, bir taray\u0131c\u0131da olu\u015fturulan ve test edilen bir web sayfas\u0131 ba\u015fka bir taray\u0131c\u0131ya d\u00fczg\u00fcn y\u00fcklenmeyebilir. HTML5, y\u00fckleme \u00f6\u011felerini kolayla\u015ft\u0131rmak i\u00e7in ortak bir arabirim sa\u011flar. \u00d6rne\u011fin, HTML5’e bir Flash eklentisi y\u00fcklemeye gerek yoktur, \u00e7\u00fcnk\u00fc \u00f6\u011fe kendi kendine \u00e7al\u0131\u015f\u0131r.<\/p>\n\n\n\n
HTML5 i\u00e7in\ntasar\u0131m hedeflerinden biri, mobil cihazlarda multimedya deste\u011fi\nsa\u011flamakt\u0131r. Bunu desteklemek i\u00e7in video, ses ve tuval etiketleri gibi\nyeni s\u00f6zdizimsel \u00f6zellikler sunuldu. HTML5 ayr\u0131ca kullan\u0131c\u0131lar\u0131n\na\u015fa\u011f\u0131dakiler de dahil olmak \u00fczere belgelerle etkile\u015fim \u015feklini ger\u00e7ekten de\u011fi\u015ftirebilecek\nyeni \u00f6zellikler sunmakta:<\/p>\n\n\n\n
\n
Geli\u015fmi\u015f esneklik i\u00e7in yeni ayr\u0131\u015ft\u0131rma kurallar\u0131<\/li>\n\n\n\n
Modas\u0131 ge\u00e7mi\u015f veya gereksiz niteliklerin ortadan kald\u0131r\u0131lmas\u0131<\/li>\n\n\n\n
Bir HTML5 belgesinden di\u011ferine s\u00fcr\u00fckleme ve b\u0131rakma \u00f6zellikleri<\/li>\n\n\n\n
MIME ve protokol i\u015fleyici kayd\u0131<\/li>\n\n\n\n
SQL veritabanlar\u0131nda veri depolamak i\u00e7in ortak bir standart (Web SQL)<\/li>\n<\/ul>\n\n\n
\n<\/figure><\/div>\n\n\n
<\/span>Semantik HTML Etiketleri Nas\u0131l Kullan\u0131l\u0131r?<\/strong> <\/span><\/h2>\n\n\n\n
Sayfalar\u0131n\u0131za semantik HTML etiketleri ekleyerek Google\u2019\u0131n sayfan\u0131z\u0131n farkl\u0131 b\u00f6l\u00fcmlerinin rollerini ve g\u00f6receli \u00f6nemini anlamalar\u0131na yard\u0131mc\u0131 olacak ek bilgiler sa\u011flars\u0131n\u0131z. Semantik (anlamsal) HTML etiketlerine \u00f6rnek olarak <nav>, <footer> ve <section> g\u00f6sterilebilir. En yayg\u0131n kullan\u0131lan etiketler; <header>, <nav>, <footer>, <section> ve <aside> elementleridir \u00e7\u00fcnk\u00fc sitelere en kolay entegre edilebilen elementler bunlard\u0131r. Bu etiketler sayesinde SEO<\/a> \u00e7al\u0131\u015fmalar\u0131n\u0131 desteklenebilir ve HTML5 yap\u0131s\u0131na kolayca uyum sa\u011flanarak ge\u00e7i\u015f yap\u0131labilir.<\/p>\n\n\n\n
![\"html5](\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2023\/04\/html5-nedir.jpg\")
<\/figure><\/div>\n\n\n![\"](\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/tr\/2023\/04\/semantik-html-etiketleri-nasil-kullanilir.jpg\")
<\/figure><\/div>\n\n\n