• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

HTML5 Nedir?

Konuyu Okuyan Kişiler (0)

canahm3t

webmaster.tc
Katılım
29 Ağu 2012
Mesajlar
3
Beğeniler
0
#1
Anadolu Üniversitesi Bilgisayar Kulübü bünyesinde eğitmenliğini yapmaya başladığım Web Tasarım kursu başladıktan sonra blogumda HTML5 dersleri hazırlamaya ve yayınlamaya karar verdim. İlk olarak bu derste HTML5 hakkında temel bilgiye ve HTML’in önceki sürümlerine bakacağız.

Bilindiği üzere HTML5, HTML’in son sürümüdür. Internet Explorer, Mozilla Firefox ve Opera gibi bilindik tarayıcılar tarafından kısmen desteklenmektedir. Google Chrome ve Safari ise bunlara göre daha fazla HTML5 özelliğini desteklemektedir. HTML5′in getirdiği yenilikleri daha iyi anlayabilmek adına öncelikle HTML’in önceki sürümlerinin özelliklerine bir bakalım.

HTML’in Gelişimi ve HTML’in Önceki Sürümleri

HTML 1.0: Çok seviyeli başlıklar, paragraflar ve maddelenmiş listeler için özel formatlamadır. HTML 1.0 serinin ilk ve en kısıtlı sürümüdür.

HTML 2.0: 1995′li yıllarda ün kazanmaya başlamıştır. Getirdiği en büyük özellik doldurulabilir formlardır.

HTML 3.2: 1997 yılında gelmiştir. Bu sürümle birlikte tarayıcılar kendilerine özel etiketler kullanmaya başlamıştır ve bu biz geliştiriciler için sıkıntı olmuştur. Tarayıcı uyumsuzluklarının kökü bu sürüme dayanmaktadır.

W3C: 1998 yılında HTML 3.2 ile gelen uyumsuzluk sıkıntısını çözmek için W3C yani Web Standartları Projesi standartların oluşturulması için devreye girdi.

HTML 4.0: 1999 yılında çıkarıldı. W3C’nin de katkılarıyla sözdizimi açısından en verimli standartlarla birlikte gelmiştir.

XHTML 1.0: 2000 yılında gelen bu sürümle birlikte kodlamadaki kurallar daha da katılaştırıldı.

XHTML 2.0: 2004 yılıyla birlikte Flash ve Ajax teknolojilerini de destekleyen XHTML 2.0 sürümüne ulaştı.

Gelelim HTML 5 Sürümüne


2004 yılı itibariyle çalışmalarına başlanmış olsa da W3C 2007 yılında bu çalışmalara HTML5 ismini verdi. Halen geliştirmesi devam etmektedir. Google, Microsoft ve Apple gibi büyük firmalar HTML5 geliştirilmesini desteklemektedir. Birçok yeni etiket ve özellikle gelen HTML5 öğrenmek için birsürü sebep olsa da kendimce bazı sebepleri aşağıda listeledim.

HTML5 Öğrenmek İçin Sebepler
  • Hata kontrolleri önceki sürümlere göre çok daha gelişmiştir
  • Yeni anlamsal etiketler ve parametreler işlerimizi kolaylaştırmakta
  • Diğer uygulamalar için destek sağlamaktadır
  • Ses ve video desteği oldukça gelişmiştir
  • input typelara eklenmiş ek özellikler (e-posta, tel, date, color…)
  • Canvas tagı kullanılarak JavaScript desteğiyle birlikte 2 boyutlu çizimler kolaylıkla yapılabilmektedir

Boş HTML5 Sayfa Örneği

HTML:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 template</title>
<meta charset="utf-8"/> 

<script type="text/javascript">
  document.createElement('header');
  document.createElement('menu');
  document.createElement('content');
  document.createElement('footer');
</script> 

<style type="text/css">
* {
  margin:0  ;
  padding:0  ;
} 

header, menu, content, footer {
  display:block  ;
} 

menu ul {
  list-style-type:none  ;
} 

menu ul li {
  float:left  ;
  padding:5px20px  ;
} 

content, footer {
  clear:both  ;
}
</style>
</head>
  <body>
    <header>
      <h1>A Blank HTML5 template</h1>
      <menu>
      <ul>
        <li>
          <a href="http://html5snippets.com/" title="snippets">HTML5 snippets</a>
        </li>
        <li>
          <a href="http://charlesdagley.cz.cc/" title="Portfolio">Dagley Designs</a>
        </li>
        <li>
          <a href="link" title="link">link</a>
        </li>
        <li>
          <a href="link" title="link">link</a>
        </li>
        <li>
          <a href="link" title="link">link</a>
        </li>
      </ul>
      </menu>
    </header> 

    <content>
      <h2>This is our content area</h2>
      <p>This is just a free html5 blank template</p>
    </content> 

    <footer>
      As found on html5snippets.com---Follow @charlesdagley
    </footer>
  </body>
</html>
Örneği Görüntülemek İçin Tıklayınız

Kaynak: HTML5 Nedir?