HTML5 Nedir? HTML5 Nasıl Oluştu.
Web sitelerinin HTML veya “Hiper Metin İşaretleme Dili” (Hyper Text Markup Language) adlı belirli bir programlama diliyle oluşturulduğunu bilmelisiniz.
Başlangıçta çok temel bir dildi, ancak yıllar boyunca CSS ve Javascript’in uygulanması sayesinde sürekli iyileştirmeler yaptı ve webin dayanak noktası oldu.
En son sürüm veya HTML5, yeni öğeler ve özellikler de dahil olmak üzere bu programlama diline yeni farklılıklar getirdi.
HTML5, web sayfalarını açıklayan kod olan Köprü Metni Biçimlendirme Dili’nin en son sürümüdür. Aslında üç çeşit kod: Yapıyı sağlayan HTML; Sunuma özen gösteren Basamaklı Stil Sayfaları (CSS); ve JavaScript, işlerin gerçekleşmesini sağlar.
HTML5, tarayıcı eklentileri gibi ek yazılımlara ihtiyaç duymadan çevrimiçi olarak yapmak istediğiniz hemen hemen her şeyi sunmak için tasarlanmıştır. Animasyondan uygulamalara, müzikten filmlere kadar her şeyi yapar ve ayrıca tarayıcınızda çalışan inanılmaz derecede karmaşık uygulamalar oluşturmak için kullanılabilir.Html5 nedir sorusunun cevabını bulduysak diğer bir soruya geçebiliriz.
HTML5 NASIL OLUŞTU?
Her şey 2004 yılında Apple, Mozilla Foundation ve Opera Software’den geliştiriciler tarafından kurulan Web Köprü Metni Uygulama Teknolojisi Çalışma Grubu (Web Hypertext Application Technology Working Group – WHATWG) ile başladı. Amaç, HTML’de yapılacak geliştirmelere odaklanarak web uygulamalarının geliştirilmesi için spesifikasyonlar tasarlamaktı.
Daha sonra, 2010 yılında Steve Jobs, HTML5’in video izlemeyi ve ses oynatmayı da desteklediği için Flash’ın artık gerekli olmayacağını açıkladı.
Ancak, HTML5 resmi olarak World Wide Web Konsorsiyumu (W3C) Tavsiyesi olarak piyasaya sürüldü.
HTML5 NASIL YAPILANDIRILDI?
(Eski moda) bir HTML sayfasında her zaman en az 3 öğe bulunur. Yani, açılıştaki “html” etiketi ve içeride diğer iki etiket “head” ve “body”.
Kafanız karışmasın: bu “etiketler” Google Etiket Yöneticisi’nden (Google Tag Manager) tamamen farklıdır.
Yani, temel yapı buna çok benzer bir şey:
<html>
<head>
<title>Sayfa başlığı</title>
</head>
<body>
<p>Merhaba Dünya</p>
</body>
</html>
HEAD
Head, genellikle sitenin grafik bölümünde görünmeyen bilgiler içerir. Bu bölümdeki verilerin çoğu SEO optimizasyonu için komut dosyalarına, CSS stil sayfalarına veya meta etiketlere bağlantılar olabilir.
BODY
Web sitesini oluşturan tüm bloklar body içine yerleştirilir.
<h1> (h2, h3, h4 vb …) başlığı temsil eder. Yanındaki sayı, başlığın önem derecesini gösterir: sayfanın başlığı olan bir h1’den başlayarak, sayfanın altyazısı olan h2 ve h3’ü izler. Bu başlıklar ayrıca Google’a makalenin nasıl yapılandırıldığını da açıkça belirtiyor ve içeriğin hiyerarşik önemini gösteriyor.
<p> bir metin paragrafını temsil eder.
<img> sayfa içindeki resimleri göstermek için kullanılır. HTML, JPG, PNG ve hatta SVG gibi çoğu formatı destekleyebilir.
<a> bağlantı anlamına gelir: bu etiket, sayfa değiştirme bağlantıları veya hatta sayfayı kaydırmak için bir bağlantı oluşturmak için gereklidir.