Anasayfa / Web Yazılım / HTML ve HTML5 Nedir ve Ne İşe Yarar?

HTML ve HTML5 Nedir ve Ne İşe Yarar?

Web sayfaları genel olarak tasarımları ile ön plana çıkarlar. Fakat sitelerin düzenli bir şekilde çalışabilmeleri için, herhangi bir işaret dili kullanılması gerekir. İşaretleme dili için html dili karşınıza sıkça çıkar. Tek başına bir programlama dili olarak kabul edilemeyen html nedir ve ne işe yarar?

HTML, web sitesi oluşturmaya izin vermek için tasarlanmış bir bilgisayar dilidir. Bu web siteleri daha sonra İnternete bağlı olan herhangi biri tarafından görüntülenebilir. Bir oturuşta çoğu insan için erişilebilir olan temel bilgileri öğrenilmesi kolaydır.

HTML’in tanımı HyperText Markup Language‘dir . HyperText, web’de gezinme yöntemidir. HTML bir dildir, çünkü diğer diller gibi kod kelimeleri ve sözdizimi vardır.

HTML Nasıl Kullanılır?

htmlHTML tamamen metin tabanlı olduğu için, bir HTML dosyasını Notepad ++ gibi bir programda düzenleyebilirsiniz. Herhangi bir metin düzenleyicisi bir HTML dosyası oluşturmak veya düzenlemek için kullanılabilir. Dosyalar bir .html uzantısı ile oluşturulduğu sürece, Chrome gibi bir web tarayıcısı dosyayı web sitesi olarak görüntüleyebilir. Profesyonel yazılım geliştiricileri için, web sayfaları geliştirmek için çeşitli WYSIWYG editörleri bulunmaktadır. NetBeans , IntelliJ, Eclipse ve Microsoft Visual Studio, WYSIWYG editörlerine ya eklenti ya da standart bileşenler olarak sağlar. Böylece HTML kullanmayı ve uygulamayı inanılmaz derecede kolaylaştırır. Chrome ve Firefox’un her ikisi de bir web sayfasının tüm HTML dosyasının hemen görüntülenmesini sağlar. Bu sayede değişiklik yaptığınız kodun nasıl göründüğüne saniyeler içerisinde bakabilirsiniz.

HTML, CSS ve JavaScript

html css jsHTML, web sitesi oluşturmak için kullanılır. Ancak tam olarak yanıt veren bileşenlere gelince, sınırlamalar yaşar. Bu nedenle, HTML yalnızca metin öğeleri eklemek ve bunları bir sayfa içinde yapılandırmak için kullanılmalıdır. Daha karmaşık özellikler için HTML, basamaklı stil sayfaları(CSS) ve JavaScript (JS) ile birleştirilebilir. Bir HTML dosyası, bir css sayfasına veya JS dosyasına bağlanabilir. JavaScript, geliştiricilerin bir web sayfasına pop-up’lar ve fotoğraf kaydırıcılar gibi daha dinamik işlevler içermesine olanak tanır. Bu sayede daha dinamik bir sayfa elde edebilirken, tasarım konusunda sınırsız imkanlar sunmaktadır. Bu imkanlardan faydalanabilirsiniz. CSS ile yapamayacağınız bir görünüm ve javascrip ile yapamayacağınız bir tasarım yoktur. Hiçbir şey kısıtlı değildir. JavaScript’in ek olarak kütüphanesi bulunmaktadır. Bu da jQuery olarak adlandırılmaktadır. Bu kütüphane ile birlikte daha geniş bir kullanımı vardır.

HTML5'in İle Gelen Özellikler

HTML5, web sayfalarını tanımlayan kod olan Hypertext Markup Language‘in en son sürümüdür. HTML5, tarayıcı eklentileri gibi ek yazılımlar gerektirmeden çevrimiçi yapmak istediğiniz hemen hemen her şeyi sunmak için tasarlanmıştır. HTML5 ile gelen özelliklere bir göz atalım.

  • <canvas>: Sayfada bir tuval alanı oluşturur. Tuvale çizim javascript ile yapılabilir.
  • <audio>: Sayfaya ses oynatıcı bir modül ekler.
  • <video> : Video oynatıcı bir modül ekler.
  • <progress> : İşlem süreci göstergesi ekler.
  • <caption> : Başlık olarak düşünülen metinleri düzenler.
  • <header> : Sitenin başlık ve açıklama içeriğini alır.
  • <nav> : Menüleri ve bir takım zaruri işlevleri içine alır.
  • <footer> : Sitelerin en alt kısmını içine alır.
  • <section> : Sitelerin ana içerik kısmını içine alır.
  • <aside> : Ana içerikte ayrı yazılan kısımdır.
  • <article> : Makale, deneme tarzı yazıları kapsar.
  • <embed> : Dışarıdan eklenen componentler için kullanılır. (Örn : .swf uzantılı dosyalar.)
  • <details> : Detay bilgisi içerir.
  • <summary> : Yazının başlığını belirler.
  • <time> : Tarih ve saat verilerini kapsar.
  • <mark> : Yazı içerisinde özellikle üstünde durulan kelimeleri belirler.
  • <figure> elementinin başlığını belirler.
  • <figure> : Çeşitli medya içeriği gruplarını belirler.
  • <hgroup> : Başlık grubunu belirtir. H1, H2 gibi başlık elementleri burada tanımlanabilir.
  • <datalist> : Düzenlenebilir elementlere otomatik tamamlama özelliği verilmesini sağlar.

HTML'in Artıları ve Eksileri Nelerdir?

Çoğu şey gibi, HTML’in de az çok artıları ve eksileri vardır.

Artıları:

  • Çok fazla kaynağa ve çok büyük bir topluluğa sahip, yaygın olarak kullanılan bir dildir.
  • Her web tarayıcısında yerel olarak çalışır.
  • Düz bir öğrenme eğrisi ile birlikte gelir.
  • Açık kaynaklı ve tamamen ücretsiz.
  • Resmi web standartları, World Wide Web Consortium (W3C) tarafından korunmaktadır.
  • PHP ve Node.js. gibi arka uç dilleri ile kolayca entegre edilebilir

Eksileri:

  • Genellikle statik web sayfaları için kullanılır. Dinamik işlevsellik için, JavaScript veya PHP gibi bir arka uç dili kullanmanız gerekebilir.
  • Kullanıcının mantık uygulamasına izin vermez.
  • Tarayıcı davranışını tahmin etmek bazen zor olabilir (örneğin, eski tarayıcılar her zaman yeni etiketleri algılayamaz).

Web sitelerinin ve web uygulamalarının içerik yapısını oluşturmayı, html kodları ile yapabilirsiniz.

Diğer Yazılar

SEM Nedir? Kimler Tarafından Kullanılır?

SEM nedir? Arama motorlarında reklamlar satın alarak web sitesi trafiğini arttırma sürecine denir. SEM ve SEO aynı değillerdir fakat benzer mantıktadırlar. SEM, reklamlar ile arama sayfasının en üstünde veya en altında konumlandırır.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir