HTML Nedir?
Html ile web sayfası hazırlamak için bilgisayarınıza herhangi bir program yüklemenize gerek yoktur. Herhangi bir metin editörü (not defteri, word, wordpad gibi) html sayfaları oluşturmak için yeterlidir. Fakat kodları yazarken kolaylık sağlamak ve kod yazım hızını arttırmak için Dreamweaver, Notepad++, Sublime Text gibi programlar tercih edilebilir.
Uzantıları:
Hazırlamış olduğunuz web sayfalarını kaydederken html, htm, xhtml gibi tarayıcıların anlayabileceği bir uzantı ile kaydetmeniz gerekir.
HTML’ in Sağladığı avantajlar:
– Resim, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.
– Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.
– Arama motorlarına web siteleri hakkında bilgi verir.
HTML Kodları Yazarken Dikkat Edilmesi Gereken Hususlar:
- <html>,<head>,<body> gibi büyüktür (<…>) içerisine yazılan kodlara etiket (tag) adı verilir
- Açılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır.
- Html etiketlerinde Türkçe karakterler yer almaz.
- Etiketler büyük veya küçük harfle yazılabilir. Ancak genellikle küçük harfler tercih edilir.
Temel HTML Etiketleri ve Anlamları:
Şimdi yukarıda yazdığımız kodların (etiketlerin) ne anlama geldiğini inceleyelim.
Html: Bu etiket diğer tüm etiketleri saran, html diliyle kodlama yapılacağını belirten, sayfanın başında açılıp sonunda kapatılan bir etikettir.
Head: Hazırladığımız sayfa ile ilgili bilgiler ve tanımlamaların yer aldığı bölümdür. Bu alandaki kodlar web sayfasında görünmezler
Body: Bu etiket ziyaretçinin görebildiği, sayfanın tüm içeriğinin yer aldığı bölümdür. Kullanılan etiketlerin büyük kısmı body alanı içerisinde bulunur
HTML ile HTML5 Farkları Nelerdir?
İlk zamanlarından bu yana HTML müthiş bir evrim geçirdi. W3C sürekli olarak yeni sürümler ve güncellemeler yayınlarken, tarihsel değişimler kendi özel isimlerini aldı.
HTML4 (günümüzde genellikle “HTML” olarak anılır) 1999 yılında yayınlanmıştır, diğer bir büyük sürüm ise 2014’de yayınlanan HTML5‘dir ve bu güncelleme dile çeşitli pek çok yenilik getirmiştir. Peki bu HTML5 nedir?
HTML5’in en beğenilen özelliklerinden birisi gömülü ses ve videolara verdiği dahili destektir. Flash oynatıcı kullanmak yerine artık gömülü video ve ses dosyalarını web sayfalarımıza <audio></audio> ve <video></video> etiketleri kullanarak ekleyebiliriz. Ayrıca dahili scalable vector graphics (SVG) ve matematik ile bilimsel formüller için MathML desteğine sahiptir.
HTML5 çeşitli anlamsal düzeltmeler de getirmiştir. Tarayıcıları, içeriğin anlamı konusunda bilgilendirmek üzere yeni anlamsal etiketlerle hem okuyuculara hem arama motorlarına yardımcı olmaktadır.
HTML’nin Geçmişi
HTML, İsviçre’deki CERN araştırma enstitüsünde bir fizikçi olan Tim Berners-Lee icat edilmiştir. İnterneti baz alan bir hiper-metin sistemi tasarlamıştır.
Hiper metinin anlamı, ziyaretçilerin anında erişebileceği metinlere referanslar (bağlantılar) içeren bir metindir. HTML’nin ilk sürümü 1991 yılında yayınlandı ve 18 HTML etiketi içeriyordu. O zamandan bu yana, HTML’nin her bir yeni sürümü yeni etiketleri ve nitelikleri (etiket düzenleyici) beraberinde getirdi.
Mozilla Geliştiriciler Ağının HTML Element Referansına göre şu an için toplamda 140 HTML etiketi bulunuyor ancak bunlardan bazıları kullanılmıyor (modern tarayıcılar tarafından desteklenmiyor).
Popülerliğindeki hızlı artış sebebiyle HTML artık resmi bir web standardı olarak kabul ediliyor. HTML özellikleri World Wide Web Consortium (W3C) tarafından denetlenmekte ve geliştirilmektedir. HTML dilindeki son yenilikleri W3C’nin websitesinden kontrol edebilirsiniz.
Son zamanlardaki en büyük güncellemelerden birisi 2014 yılındaki HTML5 tanıtımı olmuştur. Bu sürümle birlikte biçime, <article></article>, <header> ve footer> gibi içeriğin anlamını belirten bazı yeni anlamsal etiketler eklenmiştir.