HTML ve HTML-5 Arasındaki Farklar.

Tarih: 14-Kasim-2017
Görüntülenme: 110

HTML ve HTML-5 Arasındaki Farklar

HTML’in tarihine ya da ne olduğu konusuna girmeyeceğim ama bazı şeyleri açıklamakta fayda var.  Html toparlama evresini XHTML ile geride bırakmış ve belirli bir standarda girmişti. XHTML ile belirlenen standartlar gelişen yazılım teknolojisi ile yeni ihtiyaçların ortaya çıkmasından dolayı yeni versiyonlar yerine tamamen yeni bir sistemin gerekliliğini doğurmuş ve bu sayede de daha etkileşimli olan HTML-5 Türetilmiştir. Şimdi HTML-5 ve HMTL arasındaki temel farklılıklara beraber bakalım.

Büyük / Küçük Harf Kullanımı

XHTML’den önce büyük küçük harf ayrımı yoktu ve dilediğimiz gibi kodlama da büyük küçük harf kullanabiliyorduk. XHTML’in doğu ile bu karmaşaya bir son verildi ve tüm kodlamanın küçük harf ile yapılması gerektiği belirlendi. Buna bağlı olarak parametreler dahil tüm web sitelerini küçük harfler ile kodladık.

HTML Örneği

<A HREF=”#” TARGET=”_self”>XHTML Bağlantı</A>

HTML-5 Örneği:

<a href=”#” target=”_self”><HMTL-5 Bağlantı</a>

HTML-5 ile de büyük yazabilirsiniz, bunun için herhangi bir sistemsel yaptırım yok fakat standart bu şekilde olduğu için genelde böyle alışılagelmiş.

Kapalı Etiketler Kuralı

HTML-5’ten önce tek kullanılan etiketlerde kapama uygulanmıyordu fakat HTML-5 bu duruma da bir standart getirerek; <h>, <hr>, <br>, <img> gibi etiketlerin kapatılması gerektiğini bildirdi.

HTML Örneği

<br>

<hr>

<img src=".../..." alt="....">

 

HTML-5 Örneği

<br />

<hr />

<img src=".../..." alt="...." />

 

Yukarıdaki kullanımda HTML-5 örneklerinde kapatmalardan önceki boşluğu görmüşsünüzdür bu XHTML’den gelen bir kullanımdır.

Başlık Etiketi Kullanımı

XHTML ile birlikte image ve link etiketlerinde başlık kullanımı standardı getirildi. Bu standart sayesinde arama motorları botları için kolaylık sağlandı ve Google da bu standardı sitelerde görmek istediğini yayınladığı güncelleştirme ile duyurdu. Sadece arama motorlarına yapılan iyilikten ziyade kullanılabilirlik açısından da önemli birer gelişmeydi “tittle” ve “alt” etiketleri

Başlık Kullanımı Örneği

<a href=”#” title=”Bu Link Başlık Etiketi kullanımı için oluşturulmuştur”> Başlık kullanımı </a>

Name Parametresi Kullanımı yerine ID parametresi Kullanımı Standardı

Özellikle Input kullanımında Name etiketini bilirsiniz, formlarda olmazsa olmaz olarak kullanılan name parametresi XHTML ile birlikte yerini ID parametresine bırakmıştır. Fakat hala günümüzde tarayıcılar için bu iki kullanım arasında fark yoktur ama yine de hem ID hem de Name parametrelerini aynı anda kullanmakta fayda var. Ama validation özelliği sırasında herhangi bir hata alacak olursanız Name etiketini kullanımdan kaldırabilirsiniz.

Validation Kullanımı: W3 Standartları diye bildiğimiz ve sitemizin html koldarının standartlara uyup uymadığını kontrol eden w3.org internet sitesinde sitemizin kontrolünü sağlamaktır. Bunun için validator.w3.org adresine girerek web site adresinizi yazarak sitemizdeki kodların uyumlu olup olmadığını, uyumlu değilse ve hatalar varsa, hataların nasıl giderilmesi gerektiğini görebilirsiniz.

Aynı şekilde CSS kodlarınızın standartlara uyup uymadığının kontrolünü de jigsaw.w3.org/css-validator/ adresinden kontrol edebilirsiniz.

Doctype Kullanımı

Websitelerinin hangi html versiyonunda kodlandığını anlamak için website kodlarının en tepesinde bulunan Doctype tanımına bakarız. Doctype HTML kodlarından önce yazılır.

XHTML Doctype Kullanım örneği

<!DOCTYPE html PUBLIC “-//W3X//DTD XHTML 41.1 Strict//EN” “http://www.w3.org/TR/xhtml1-1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<html>

<head>

<title>Selam Bu Bir XHTML Web Sayfasıdır</title>

<head>

<body>

……

</body>

</html>

HTML-5 Doctype Kullanımı

<!DOCTYPE html>

<html lang="en">

<head>

                <meta charset="UTF-8">

                <title>Bu Bir HTML-5 Web Sayfasıdır</title>

</head>

<body>

</body>

</html>

 

Aradaki farkı zaten görmüşsünüzdür. XHTML de Doctype kullanımı biraz daha zahmetliyken HTML-5 Versiyonunda tamamen sadeleştirilmiştir. Bu kullanım sitenin HTML-5 olduğunu gösterir.


YORUMLAR
Bu konuya henüz yorum yapılmamıştır. İlk yorumu sen yaz.
YORUM YAZIN...