HER YÖNÜYLE HTML5 !


GENEL BAKIŞ

HTML5,html dilinin en son sürümüdür.Modern web uygulamaları gelifltirmek için
yeni eklentiler ve özellikler sunar. HTML5; html dili için yeni stratejiler ve he-
defler ortaya koyan ve farklı web tarayıcıları için standardizasyonu amaçlayan ye-
ni nesil bir sürüm olarak karşımıza çıkmaktadır. HTML5 ile html dilinin işlevselliği
, programlama ve sunum gücü artmıtır. HTML5’e yeni eklenen yapısal elemanlar
 sayesinde fazla kod yazmadan sitenizin görsel tasarımını yapabilir, JavaScript
ve CSS3 teknolojilerini daha etkili bir şekilde kullanabilirsiniz. HTML5 tasarımcı
ların web sayfalarında zengin medya içerikleri kullanmalarına ve interaktif web uy-
gulamaları gelişltirebilmelerine olanak sağlayan yeni elemanlar, özellikler ve tekno-
lojiler barındırır.
HTML5 içinde bulunan tüm teknolojiler aslında HTML5 ile beraber yeni oluşlturulan
ve duyurulan teknolojiler değildir. W3C tarafından önceden oluşlturulmuş ve modern
web tarayıcıları tarafından kısmen desteklenen bir takım teknolojilerde (Örneğin;
SVG-Scalable Vector Graphics) HTML5 içerisine dahil edilmişltir. W3C HTML5 di-
lini gelifltirmeye devam etmektedir bu açıdan ilerleyen zaman dilimlerinde dile yeni
eklentilerin olması muhtemeldir. Ayrıca HTML5 dilinin diğer bir avantajı da,
HTML5 dili içinde bulunmayan fakat HTML5 için duyurulması (kullanılması) ile be-
raber etkinliği (önemi) artan (artacak olan) diğer teknolojilerin de modern web tara-
yıcıları tarafından desteklenmeye başlanmasıdır.
(Örneğin;WebGL,FileReader,Faster JavaScript,Geolocation APIgibi.).
KIsaca HTML5 dilini şöyle özetleyebiliriz:
• Sadeleşltirilmiş, düzeltilmiş HTML4 ve XHTML dillerinin son sürümüdür.
• Daha fazla yapısal elemana, form elemanlarına ve yeni özelliklere sahiptir.
• Gelişmiş multimedia desteği sunmaktadır.
• İçerisinde yeni teknolojiler barındırır ya da önceden var olan teknolojilerin kul-
lanımını sağlar.
• JavaScript ve CSS3 teknolojilerini daha etkili bir şekilde kullanmamızı sağlar.

HTML5’in Yapısı

HTML5’in temel elemanlar için getirdiği yeniliklere bakalım;
<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8”>

<title>Yazılım Her Yerde</title>

</head>

<body>

</body>

</html>

Yeni Character Set Bildirimi

<meta charset=”utf-8”>
Meta etiketin <head>etiketleri arasında bildirilir ve sayfa hakkında tarayıcılara ya
da arama motorlarına bir takım bilgiler sunar.charset özelliği belge içerisinde
kullanılacak karakter seti (kümesi) tanımlaması için kullanılır.
Önceki HTML sürümlerinde charset tanımlamasının nasıl yapıldığına bakalım.
<meta http-equiv=”content-type” content=”text/html;charset=utf-8”>
meta etiketinin özelliklerine kısaca bakalım.
name:Meta etiketi içerisinde değer atanacak önceden tanımlı alt özellik isimle-
rini tanımlamak için kullanılır. Bu özellikle tanımlanan alt özelliğe değer ata-
mak için contentözelliği kullanılır.
name özelliğine atanabilecek alt özellikler aşağıda listelenmiştir.
application-name: Uygulama adını tanımlamak için kullanılır.
author: Web sayfasını oluflturan kişi hakkında bilgi tanımlamak için kullanılır.
description: Sayfa içeriği ile ilgili tanımlayıcı bir bilgi (açıklama) tanımla-
mak için kullanılır.
generator:Sayfanın oluşturulduğu program (yazılım) ile ilgili bilgi tanımla-
mak için kullanılır.
keywords:
Arama motorları için virgülle ayrılmış anahtar kelimeler tanımla-
mak için kullanılır.
Örnek:
<metaname=”keywords”content=”HTML5,HTML5 Programlama,HTML5 JavaScript”>
Yukarıdaki bildirim web sitesi ile ilgili arama motorları için anahtar kelimeler tanımlar. Ayrıca
WHATWG MetaExtensions ile tanımlanan aşağdaki alt özellikleri de kullanabilirsiniz.
creator,googlebot,publisher,robots,slurp,viewport
http-equiv: default-style,refresh alt özelliklerini değer atamak için ta-
nomlar. Belirtilen alt özelliklere content özelliği ile değerler atanır.
default-style:Alternatif stil tanımlaması yapmak için kullanılır.
refresh:Belirtilen süre sonunda sayfayı tekrar yüklemek ya da kullanıcıyı
başka bir URL adresine yönlendirmek için bu alt özelliği kullanabilirsiniz.
Örnek:
<metahttp-equiv=”refresh”content=”5;url=http://www.ibrahimcelikbilek.com” >
Mevcut sayfa yüklendikten 5 snsonra kullanıcı url ile belirtilen adrese yönlendirilecektir.
content:http-equiv ya da name özelliklerinde tanımlanan alt özelliklere değer atamak için kullanılır.
charset (HTML5):Sayfada kullanılan karakter seti (kümesi)’ni tanımlamak için kullanılır. HTML5
ile yeni tanımlanan bir özelliktir. Aslında UTF–8 kullanmak çoğu zaman yeterli olacaktır. Sayfanız için bir
charset tanımlaması yapmazsanız sayfanızdaki karakter ya da sembollerin gösteriminde problem ya-
şayabilirsiniz.charset ile karakter setini tanımlamak aslında tarayıcıların karakter ya da sembolleri düzgün
bir şekilde göstermeleri için kullanılan algoritmanın bir parçasıdır.
HTML5 bildiriminde; meta etiketinin scheme özelliği ve http-equiv özelliğinin content-type,content-language
,set-cookie alt özelliklerinin kullanılması önerilmemektedir.

Yeni yazımızda html de kullanılan söz dizimlerine yer vereceğim.Yazımı okuduğunuz için teşekkürler.

 

Comments 2

HER YÖNÜYLE HTML5 !

Giriş Yap

Hoşgeldin
Don't have an account?
Kayıt Ol

Şifreni Yenile

Back to
Giriş Yap

Kayıt Ol

Ekimize Katılmaya Hazırmısın

Back to
Giriş Yap
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals