Geliştiricilerin Yaklaşan HTML6'dan Beklediği On İki Özellik

Yayınlanan: 2017-01-17

HTML5, geliştiriciler arasında olağanüstü bir başarı elde etti. Geliştiricilerin içeriği <article> , <section> , <header> vb. gibi yeni etiketlerle daha alakalı bir şekilde düzenlemelerini kolaylaştırdı.

Geliştiriciler, <link> ve <script> gibi etiketlerdeki type özniteliğini kullanma özgürlüğünün tadını çıkarır. HTML5, web programlamada bir paradigma değişikliği getirse de, web'de yerel uygulamalar geliştirmede ve diğer bazı konularda sınırlamaları vardır.

Bir geliştirici olarak her zaman etkili ve verimli web çözümleri sunmak istersiniz ve HTML6'nın bu hedefe ulaşmanıza yardımcı olması beklenir. Bu nedenle, dünya çapındaki geliştiriciler HTML6'yı benimsemeye heveslidir. HTML6'nın beklenen özelliklerinin web geliştirme alanını nasıl değiştireceğini görmek ilginç.

Geliştirici Topluluğunun yaklaşmakta olan HTML6 için en popüler beklentilerinden bazıları şunlardır:

Ekspres Etiketler

HTML6'nın ekspres etiketlerle geliştiricileri kolaylaştırması muhtemeldir. Web sayfasına bir logo atamak için <logo></logo> kullanabilirsiniz. Benzer şekilde, <sidebar></sidebar> ve <navigation></navigation> etiketleri, sırasıyla kenar çubuğunu ve gezinmeyi entegre edecektir.

Ayrıca, <div> etiketi birden fazla kimlik kullanılmadan kullanılabilir. Örneğin, <div id='container'> ve <div id='wrapper'> yazmak yerine basitçe <container> veya <wrapper> kullanabilirsiniz.

XML benzeri ad alanları

HTML6'nın XML benzeri yapının ad alanlarıyla gelmesi bekleniyor. Bu tür ad alanları, geliştiricilerin aynı etiketi başka bir etiketle çakışmadan kullanmalarına yardımcı olacaktır. Başka bir deyişle HTML6, tanımlanan etiketlere ek olarak istenen etiketleri kullanma avantajını sunacaktır.

HTML6 Belgesi

[xhtml]
<!DOCTYPE html>
<html:html>
<html:kafa>
<html:title>HTML6'ya Bir Bakış</html:title>
<html:meta type="title" value="Sayfa Başlığı">
<html:meta type="description" value="ad alanlarıyla HTML örneği">
<html:link src="css/mainfile.css" title="Stiller" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:kafa>
<html:gövde>
<başlık>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<içerik>
<makale>
<h1>Ana makalenin başlığı</h1>
<h2>Ana makalenin alt başlığı</h2>
<p>[…]</p>
<p>[…]</p>
</makale>
<makale>
<h1>HTML6 kavramı</h1>
<h2>Temel bilgileri anlama</h2>
<p>[…]</p>
</makale>
</içerik>
<altbilgi>
<copyright>Bu site &copy; Anonim 2017'ye</telif hakkı>
</footer>
</html:body>
</html:html>
[/xhtml]

Bu belgede, bazı tuhaf <html: x> etiketlerimiz var. Bunlar, W3C ve HTML6 özelliklerine ait ad alanlı öğelerdir ve tarayıcı olaylarını tetiklemek için kullanışlıdır. Örneğin, <html: title> tarayıcının başlık çubuğunu değiştirir ve <html: media> tanımlanan görüntünün tarayıcı ekranında görünmesine yardımcı olur. Bu öğelerin tarayıcıyla hiçbir ilgisi yoktur. Geliştiricilerin örnek kodu daha anlamsal hale getirmelerini sağlayabilirler.

Ek video nesnesi kontrolü

HTML6, kullanıcılar için video deneyimini geliştirmek için video nesnesi üzerinde daha fazla kontrol sunacak. Geliştiriciler sıkıştırma kodeğinden kurtulamasalar da, farklı sıkıştırma algoritmaları ile ayarlayabilirler.

Daha iyi geri arama kancaları ve eşitleme mekanizmalarıyla birlikte bir sayfadaki video karelerini boyama üzerinde daha fazla kontrol bekleniyor. Ayrıca, gelecek HTML sürümünde DOM ile videoyu karıştırabilme özelliğini de bekleyebiliriz.

[xhtml]
<! – Basit video örneği –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Maalesef tarayıcınız gömülü videoları desteklemiyor, ama merak etmeyin <a href="videofile.webm">indirebilirsiniz</ a> ve en sevdiğiniz video oynatıcı ile izleyin!
</video>

<! – Altyazılı video –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="tr" label="English">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

Özel ve zengin kütüphaneler

JQuery, standart kitaplıklar açısından JavaScript dünyasını dönüştürdü. Bir sonraki HTML standardı, tarayıcı ile dağıtılan garantili kitaplıklar ile ortaya çıkabilir. jQuery 1.9'un önbelleğe alınmış sürümünü yenilerken daha fazla zaman kazandırır. Başka bir deyişle, kitaplıkların önbelleğe alınabilir sürümü gelmek üzere. Birçok tasarımcı belirli bir kitaplık kullanıyorsa, tarayıcıyla birlikte yeni bir HTML6 sürümünde dağıtılabilir.

Geliştirilmiş açıklama

Açıklama, makalelerin alt kısmında yer alan yorum bölümleriyle sınırlı kalmamalıdır. Standart bir yapı, paragraflar, cümleler ve kelimeler için ek açıklamalar ekleyebilir. Video içindeki görüntüler ve anlar bile gelişmiş bir sürümde ek açıklama eklenebilir. API'nin standartlaştırılması, tüm web sitelerinin ve tarayıcıların temel açıklamaları aynı şekilde ele almasına olanak tanır. Geliştirici topluluğu tarafından iyileştirilmiş açıklama seçenekleri bekleniyor.

Kamera entegrasyonu

Kamera, ev ve ofisteki etkileşimlerimizde hayati bir rol oynar. HTML6'nın cihazlarımızdaki tüm medya içeriğine birçok yönden izin vermesi bekleniyor. Tarayıcı, formlar veya diğer sistemler arasında kamera üzerinde daha fazla kontrol sağlayabilir. Görüntü yakalama, anında filtreleme, kamera efektleri ele alınabilecek yönlerden bazılarıdır. Diğer bir olasılık, panoramik görüntü ve HDR oluşturmayı kolaylaştırırken hem video hem de fotoğrafçılık için birden fazla formata izin vermektir.

Daha sıkı kimlik doğrulama

Tarayıcı, kimlik doğrulama söz konusu olduğunda daha fazlasını sunabilir. Örneğin, çerez kullanmak yerine tarayıcı, sertleştirilmiş çiplerde saklanabilen gömülü anahtarlarla belirteçleri imzalamayı önerebilir. İnsanların (okuma: bilgisayar korsanlarının) gizli anahtar aracılığıyla erişim kazanmasını engeller. Web sitelerinin daha iyi dijital imzalar talep etmesini sağlamak için tarayıcıya API eklenebilir. Bir bakıma, güvenliği artırmak için kimlik doğrulama daha güçlü hale gelebilir.

Mikro biçimler

Bir adresin bölümleri veya telefon numarası gibi genel ayrıntılar, HTML6'da mikro biçimler adı verilen standart bir yol kullanılarak belirtilebilir. Standart bir etiket seti ile Web tarayıcılarından ve arama motorlarından hızlı bir yanıt alabiliriz. Geliştiriciler, ayrıntılı bilgi oluşturmak için konumlar, tarihler, saatler, bibliyografyalar ve her türlü standart veri için daha kapsamlı işaretlemeler kullanabilir. Ülkeye özel telefon kodları da bekleyebiliriz. Geliştiriciler ayrıca tarih biçimini değiştirmede esneklik ararlar. Şu anda, varsayılan olarak ABD'ninkiyle ayarlanmıştır. Bir bakıma, mikro biçimler HTML6'da daha güçlü ve esnek hale gelecektir.

ön işlemciler

Dilleri JavaScript'e dönüştürmek için takılabilir ön işlemciler HTML6'ya entegre edilebilir. Bugün, Lisp, Python, Ruby, Erlang, Scala ve diğer birçok dil JavaScript'te derlenebilir ve gelecek HTML sürümü bu amaca hizmet etmek için bir ön işlemci getirebilir. Bu dillerden herhangi biri JavaScript'te çapraz derlendiğinde, İnternet üzerinden kolayca aktarılabilen daha küçük bir sürüm üretir. HTML5, yerel makine için kod optimizasyonunu zorlaştıran genel bir JavaScript sürümüdür.

Takılabilir diller

HTML'nin yeni sürümüyle birlikte takılabilir bir dil grubunun gelişini göz ardı edemeyiz. Geliştiriciler için daha fazla tasarım seçeneği sunarken esnekliği artıracaktır. JavaScript geniş bir temelde devam edebilse de, gelecekte özel bir dile sahip özel uzantılar ortaya çıkabilir. Geliştiriciler ayrıca talepleri karşılamak için bir grup kod üretebilen HTML etiketleri de isterler.

Görüntülerin Otomatik Tarayıcı boyutlandırması

Bir görüntünün görünümü, aygıtların türü ve pencerenin boyutu gibi çeşitli yönlere bağlıdır. HTML'nin standart <img> etiketi, bir görüntüyü görüntülerken tarayıcıda sorun yaratabilecek yalnızca bir SRC'ye sahiptir. Ancak, daha iyi bir HTML protokolü, bir görüntü için istenen genişlik veya yüksekliği önerebilir ve sunucu en uygun çözünürlüğü sağlayabilir. Bir bakıma, görüntülerin tarayıcı boyutu HTML6'ya gelmek üzere.

İletişim bilgilerine güvenli erişim

İnsanlar veya ziyaretçiler genellikle cihazlarının veritabanı için bir e-posta adresi veya iletişim numarası almak ister. Şu anda, kes ve yapıştır ile bunu yapabilirler. JavaScript'in, HTML6'nın yeni sürümünde insanları bu kesme ve yapıştırma işleminden kurtarması bekleniyor. Mobil cihazlarda, arayüz, kişilere iletişim bilgileri için korumalı bir erişim sunabilir.

Çözüm

Hepsi bu değil. Geliştiriciler, HTML6'nın form doğrulamasını özelleştirilebilir hale getirmesini istiyor. Şu anda, varsayılan olarak geliyor ve değiştirilemez. Ayrıca, mobil güdümlü dünyada, yakında çıkacak olan HTML sürümü, bir mobil tarayıcıda GPS kullanarak bir konum izleme olanağı sağlayabilir. Diğer bazı özellik fikirleri arasında Bluetooth desteği, yerleşik kötü amaçlı yazılım koruması ve eşler arası dosya aktarma yeteneği vb. de yaklaşan HTML6 için boru hattındadır.

Sahne HTML6 için ayarlandı. Web geliştirme sürecinde köklü bir değişiklik getirebilecek en son sürüm gelene kadar bekleyelim.

Mutlu Web Geliştirme!