Bir web sitesi oluşturmak için kullanabileceğiniz çok sayıda dil, araç ve teknoloji vardır, ancak HTML neredeyse tüm web sitelerinde ortak olan ve öğrenmesi daha kolay olan dillerden biridir. Tüm web siteleri için temel yapıyı sağlamanın yanı sıra web uygulamaları veya web siteleri geliştirmek için en yaygın kullanılan programlama dilidir. HTML’in en son sürümü, web uygulamalarının ve web sitelerinin daha iyi yönetilmesini sağlayan HTML5’tir. HTML5, programların video ve ses verileri de dahil olmak üzere her türlü veriyi içermesine izin verirken, HTML5 bu tür verileri desteklemez.
HTML Nedir?
Hypertext Markup Language’in kısaltması olan HTML, Tim Berners-Lee tarafından 1993 yılında oluşturulan bir işaretleme dilidir. Web sayfaları ve web siteleri oluşturmak için kullanıldığından Web’in dili olarak adlandırılır. Bir web sitesinin görünümünü ve hissini tanımlamak için HTML etiketleri kullanılır. HTML etiketlerini anlayarak ve bunları nasıl bir araya getireceğimizi bilerek, kolayca güzel web sitesi düzenleri oluşturabiliriz.
HTML’in Özellikleri
- Öğrenmesi ve kullanması kolay: HTML, anlaşılması kolay sözdizimi ve daha az gereksinimi nedeniyle web sayfaları ve statik web siteleri oluşturmak için öğrenebileceğiniz ve kullanabileceğiniz en kolay dillerden biridir, tek ihtiyacınız olan bir editör (Notepad, Sublime, VS code, vb.) ve bir tarayıcıdır (Google Chrome, Microsoft Edge, Opera, vb.).
- Platform bağımsızdır: Herhangi bir sistemde, işlemcide veya işletim sisteminde web sayfaları oluşturabileceğiniz ve herhangi bir sistemde çalışacağı anlamına gelir, bu yüzden platformdan bağımsızdır.
- Multimedya desteği sunar: HTML yardımıyla web sayfanıza resimler, sesler, videolar ekleyebilirsiniz.
- Yorumlanmış bir dildir: HTML, makinelerin anlayabilmesi için kodu makine diline dönüştüren yorumlanmış bir dildir. Kodu satır satır makine diline yorumlar veya dönüştürür.
- Hiper metinleri destekler: HTML hiper metinleri destekler, böylece web sayfalarını birbirine bağlamak ve bir web sitesi oluşturmak için web sayfalarımıza hiper metinler ekleyebilirsiniz.
HTML5 Nedir?
HTML5, web sayfaları ve web siteleri yapmak için kullanılan bir HyperText Markup Language’dir. HTML5’teki 5, HTML’in 5. sürümü ve aynı zamanda en son sürümü olduğunu temsil eder. İki ayrı grup tarafından 2008 yılında tanıtılmıştır: World Wide Web Consortium (W3C) ve Web Hypertext Application Technology Working Group (WHATWG).
HTML5’in Özellikleri
- Tarayıcı desteği: HTML5 tarayıcı desteğine sahiptir. Bu, bazı tarayıcılar HTML5’i desteklemese bile bir web sayfasını o tarayıcıya yükleyebileceğiniz anlamına gelir.
- Coğrafi konum: HTML5 coğrafi konum özelliği sağlar. Coğrafi konum özelliğinin yardımıyla, web sayfalarınıza haritalar ekleyebilir veya uygulayabilirsiniz.
- Web depolama: HTML iki tür depolama alanı sağlar: oturum depolama (yalnızca tarayıcı sekmesi veya pencere oturumu içinde kullanılabilir) ve yerel depolama (localStorage tarayıcı oturumları arasında bile tutulur)
- Altbilgi: HTML5 bir altbilgi öğesi sağlar Altbilgi öğesi genellikle bir web sayfasının altında bulunur. Telif hakkı bilgileri, sosyal medya bağlantıları ve ek site gezinme öğeleri içerebilir.
- Yeni Uygulama Programlama Arayüzü (API): Web sayfasında 2D çizim, sürükle ve bırak, zamanlı medya oynatma ve tarayıcı geçmişi yönetimi gibi HTML5 özellikleri.
HTML ve HTML5 Arasındaki Farklar
| Özellikler | HTML | HTML5 |
| Mobil Uyumluluk | HTML5’e göre daha az mobil uyumludur. | HTML5 daha mobil uyumludur. |
| Sürükle ve Bırak özelliği | Sürükle ve bırak efektlerini desteklemez. | Sürükle ve bırak efektini destekler. |
| Medya Desteği | Flash oynatıcı kullanılmadan ses ve videoyu desteklemez. | HTML5 ile JavaScript, JS Web Worker API aracılığıyla doğrudan tarayıcıda çalışır. |
| Javascript Desteği | Tarayıcı JavaScript’i doğrudan HTML’de çalıştıramaz. | JS – web çalışanı API’sinin yardımıyla arka planda çalışmak üzere javascript desteği sağlanır. |
| Vektör Grafikleri | HTML, VML, Flash vb. gibi çeşitli teknolojilerin yardımıyla vektör grafikleri kullanır. | Vektör grafikleri, SVG ve canvas kullanıldığı için HTML5’in önemli bir parçasıdır. |
| Hata İşleme | HTML yanlış sözdizimini ve diğer hataları işleyemez. Burada yanlış sözdizimi, yazılı sözdiziminin (etiketlerin sırası) orijinal sözdiziminden farklı olduğu anlamına gelir. Temel sözdiziminin örneği: <html> <head> <title> </title> </head> <body> </body> </html>. | HTML5 yanlış sözdizimini ve diğer hataları işleyebilir. |
| 2 Boyutlu Şekil Çizimi | Daireler, dikdörtgenler, üçgenler vb. gibi şekilleri HTML’de çizmek mümkün değildir. | Daireler, dikdörtgenler, üçgenler vb. gibi şekilleri HTML5’te çizmek kolaydır. |
Verimlilik ve Hız | Eski bir sürüm olduğu için HTML5’e göre hızlı, verimli ve esnek değildir. | HTML5, HTML’e kıyasla daha verimli, daha hızlı ve daha esnektir. |
| Tarayıcı Desteği | Bunu tüm eski tarayıcılarda sorunsuz bir şekilde çalıştırabilirsiniz. (Mozilla Firefox, Google Chrome vb.) | Tüm yeni tarayıcılarda sorunsuz bir şekilde çalıştırabilirsiniz. (Mozilla Firefox sürüm 4 ila 63, Google Chrome sürüm 61 ve üzeri vb.) |
| Bellek Depolama | Çerezler, HTML tarafından geçici verileri depolamak için kullanılır. | Geçici veriler, HTML5’te geçerli web sayfası ile ilişkili veri tabanında depolanır. |
| Sözdizimleri | Belge türü bildirimleri ve karakter kodlaması için sözdizimleri çok uzun ve karmaşıktır. | Sözdizimi basit ve anlaşılması kolaydır. |
| Etiketleri Tanımlayan Alt Yapı ve Semantik | HTML, metin semantiğini tanımlayan veya bir belgenin yapısını bölen etiketlere sahip değildir. | HTML5, metin semantiğini tanımlayan veya bir belgenin yapısını bölen etiketleri destekler. |
| <HTML>, <Body> ve <Head> Etiketleri | HTML kodu yazarken bu etiketleri kullanmak zorunludur. | HTML kodu yazarken bu etiketleri atlamak mümkündür. |
| Elementler | HTML’de nav veya header gibi elementler mevcut değildir. | HTML5, web yapısı için navigasyon, header ve footer gibi yeni elementler sunar. |
| Öznitelikler | HTML’de charset, async ve ping gibi öznitelikler yoktur. | HTML 5’te charset, async ve ping gibi öznitelikler bulunur. |
En Çok Sorulan Sorular
1. HTML mi yoksa HTML5 mi daha iyidir?
HTML5, HTML’ye kıyasla ekstra özellik ve işlevler sunar. HTML’nin en son sürümü olduğundan, HTML ile karşılaştırıldığında kolay ve hızlı uygulama için HTML5 kullanılması önerilir.
2. Neden HTML yerine HTML5 kullanılır?
HTML yerine HTML5 kullanmamızın birkaç nedeni vardır. HTML5, etiketler yardımıyla ses ve video, sürükle ve bırak özellikleri, coğrafi konum, tarayıcı desteği vb. gibi HTML’ye göre daha fazla özellik sağlar.
3. HTML bilmeden HTML5 öğrenebilir miyim?
Evet, HTML5 sadece HTML’in geliştirilmiş bir versiyonu olduğu için HTML5’te öğreneceğiniz kavramlar HTML ile neredeyse aynıdır.
4. HTML5’i öğrenmek kolay mı?
HTML, daha basit sözdizimi nedeniyle web sayfaları geliştirmek için öğrenmesi en kolay dillerden biridir ve öğrenmeye başladığınızda çözmeniz gereken karmaşık kavramlar olmadığını fark edersiniz.
5. HTML ile başlamak daha mı iyi midir?
HTML öğrenmek HTML5 öğrenmekle aynı şeydir. Sadece HTML5, HTML’in daha fazla özelliğe sahip en son sürümüdür, bu nedenle HTML veya HTML5 ile başlamanız fark etmez.
6. HTML5 iyi midir?
Evet, HTML5 size web sayfaları ve web siteleri oluşturmak için kullanabileceğiniz birçok işlevsellik, özellik ve yeni etiketler sağladığı için oldukça iyidir.
