Teknolojix Haber
YAZILIM

HTML5 nedir?

html5

Html5

Tüm e-ticaret mağazalarının ortak noktası nedir?

HTML kullanıyorlar. Hakikatinde, hemen hemen her web sitesi HTML kullanır. Bu, bir HTML aktüellemesi çıktığında geniş kapsamlı tesirleri olduğu anlamına gelir.

HTML nedir?

Arkadaşlar biliyorum başlık HTML5 ama şunu unutmayın HTML5 bir güncellemedir yani bir HTML anlatmazsam tam olarak HTML5 anlatmam imkansız kısacık ta olsa bir HTML den  bahsedip geçeceğim

 HTML-Hypertext Markup Language – web sayfalarının nasıl oluşturulacağını açıklar. Chrome, Firefox, Internet Explorer gibi web tarayıcıları, ekrandaki sayfaları işlemek için bu açıklamayı kullanır.

Örneğin, bir e-ticaret girişimcisi şuna benzer bir web sayfası isteyebilir: üstte bir başlık; dört öğeli bir gezinme menüsü; altbilginin altında başka bir gezinme grubu; ara ürünün bir panoraması; ve aşağıdaki metin

 “Dünyanın en iyisi ürün”. HTML kullanarak bu şekilde sayfalar yazabilirsiniz.

<html>

  <body>

    <header>

      <nav>

        <a href=”/”> Ana Sayfa </a>

        <a href=”/new”> Yeni Ürünler </a>

        <a href=”/all”> Tüm Ürünler </a>

        <a href=”/cart”> Alışveriş Sepeti </a>

      </nav>

    </header>

    <section>

      <img src = “/ resimler / ürün-büyük.jpg”>

      <h1> Dünyanın En İyi Ürünü </h1>

    </section>

    <footer>

      <nav>

        <a href=”/”> Ana Sayfa </a>

        <a href=”/about”> Hakkımızda </a>

        <a href=”/contact”> Bize ulaşın </a>

      </nav>

    </footer>

  <body>

</html>

Karmaşık görünebilir, ancak zaman ayırırsanız, girişimcilerin talep ettiği her şeyi görebilirsiniz.

HTML5 Yalnızca Bir Güncellemedir

HTML5 çok fazla ses getirdi . Ancak unutmayın, bu yalnızca 1997’den beri kullanılmakta olan HTML4 spesifikasyonunun bir güncellemesidir. Öğeler eklenir, öğeler silinir ve kurallar netleştirilir. Yeni öğeler HTML5’in popülerliğini artırabilir. Bu öğelerden bazıları, özellikle e-ticaret mağazaları gibi dinamik web siteleri için kullanışlıdır.

 Faktör yapısı değişiklikleri

HTML5’e yapısal elemanlar eklendi. Bunlar, web sayfasının farklı bölümlerini oluşturan yapı taşlarıdır. Yukarıdaki örnekte HTML’yi görebilirsiniz:

  • Üstbilgi;
  • Üst gezinme menüsü;
  •  Başlığı olan büyük ürün resmi bölümü;
  •  Altbilgi;
  • Alt gezinme menüsü

HTML5’ten önce, bunların her biri bir bölme öğesi (div adı verilir) gerektirirdi. HTML5 ile bu parçaların her biri için belirli öğeler vardır, bu nedenle çok sayıda bölme öğesine ihtiyacınız olmaz.

Bunun yararı, web geliştiricilerinin ve tasarımcılarının sahte bölümleri birleştirmek için birden fazla bölme öğesi kullanmak yerine yeni öğeleri kullanabilmeleri ve tarayıcı özelliklerinden otomatik olarak yararlanabilmeleridir. Sonuç, HTML5 sayfa düzenleri oluşturmanın daha hızlı ve bakımı daha kolay olacağıdır.

Yeni Giriş Öğesi Türleri

Girdi öğeleri, formların bel kemiğidir. Giriş öğeleri, metin yazmanıza izin veren alanlardır. Bir e-ticaret mağazası için ortak giriş öğeleri müşteri adı, adresi ve kredi kartı ayrıntılarıdır. HTML5’ten önce yalnızca birkaç tür giriş öğeniz vardı, örneğin:

Temel metin versiyonu;

  • Metin girişi gibi çalışan ancak yazılanları gizleyen parola sürümü;
  • Onay kutusu;
  • Çoktan seçmeli radyo seçenekleri;
  • Birkaç tür düğme.
  • HTML5’te artık bu seçeneklere sahipsiniz.
  • E-posta adresi
  • Numara
  • Telefon
  • URL
  • Renk
  • Tarih
  • Zaman
  • 0’dan 100’e kadar sayı aralığı
  • Arama

Masaüstü tarayıcılarda, bunlardan bazıları normal metin alanları gibi görünür. Mobil tarayıcılarda, giriş öğeleri girişi kolaylaştırmak için farklı klavyeler kullanabilir.

SVG ve Canvas grafik öğeleri

HTML5, iki grafik öğesi ekler: SVG ve tuval. Arada, tuvalin e-ticaret mağazaları üzerinde daha büyük bir potansiyel etkisi var. Tuval, JavaScript ile pratik olarak çizilebilen boş bir sayfa gibi davranır. Adobe Flash’ın yerine HTML5 oyunları tarafından yaygın olarak kullanılmaktadır. Aslında tuval, yalnızca oyunların değil, herhangi bir Adobe Flash’ın yerini alabilir. E-ticarete iyi bir örnek, müşteri metniyle (özelleştirilmiş bir tişört veya kıyafet gibi) ürünün görünümünün bir önizlemesini gösteren bir ürün özelleştiricidir. Bu önizleme işlevi için Flash uygulamalarını veya beceriksiz arayüzleri kullanmadan özelleştirilmiş ürünleri otomatik olarak önizlemek için tuval öğesini kullanabilirsiniz.

Video medya öğeleri

HTML5’in yeni video medya öğeleri, e-ticaret web siteleri için muhtemelen en yararlı olanlardır. YouTube, Vimeo veya Wistia gibi harici hizmetlerin kullanımından kaçınarak videoyu sayfaya gömmek daha kolaydır. Satıcılar için bu videoların örnekleri arasında ürün tanıtımları, operasyon videoları ve şirket arka plan bilgileri bulunur. HTML5’teki video hala karmaşıktır. Tüm tarayıcılar ve ekran boyutları için doğru biçimlendirmek zordur. Ancak format doğruysa mobil kullanıcılar videoyu yeni video projesi üzerinden izleyebilir. Daha önceki Flash videoları Apple’ın iOS’unda hiç yayınlanmadı.

HTML5 kullanışlıdır HTML5 çok faydalı bir güncellemedir.

 Çoğu web sitesine fayda sağlayabilir. Yeni yapısal elemanlar ile tüm tarayıcılarda sayfayı doğru şekilde görüntülemek daha kolay. Özensiz ziyaretçiler arasında kaybolmayacaksınız. Yeni giriş türü, mobil kullanıcılardan veri almayı da kolaylaştıracak. Örneğin bu, mobil sipariş konusunda yardımcı olabilir. Tuvali bazı JavaScript programlarıyla birleştirmek, mağazaya, özellikle özelleştirilebilir ürünler etrafında başka bir etkileşim katmanı ekleyebilir. Son olarak, HTML5 aracılığıyla mağazaya video eklemek, alışveriş yapanlara tüm cihazlarda yardımcı olabilir.

HTML5’in dezavantajları

HTML5’in tüm avantajlarıyla beraber bazı dezavantajlar vardır.

Özellikle en son güncellenen modern tasarıma sahipseniz, mevcut kodlamanızı bırakmamalısınız. Uygulama, yazımı ve web sitesi tasarımı ile ünlüdür, pahalı ve yetersizdir. Başka nedenlerle yeniden plan yapıyorsanız lütfen HTML5 kullanın. Ancak daha da önemlisi, yalnızca HTML5 planlarından daha fazlasını içerir.

Barındırılan bir e-ticaret platformu kullanıyorsanız, lütfen önce şirketle iletişime geçin ve şablonun zaten HTML5 kullanıp kullanmadığını kontrol edin. Yeni projeleri hemen kullanmaya başlayabileceğiniz bazı platformlar var. Bu yeni özelliklerden yararlanmak için herhangi bir yeni e-ticaret mağazası HTML5 ile başlamalıdır.

Related posts

20 Yıl Öncenin Kabusu ILOVEYOU Virüsü!

Yağmur Kübra Yazıcı

İlk Türk şirketi Finartz ‘Güvenli Ödeme’ sertifikasına sahip oldu!

Android 11’den Güzel Bir Yenilik!

2 Yorumlar

Hüseyin 22 Kasım 2020 at 3:11 pm

HTML 5 için oyun geliştiren , oyun motorlarından da bahsetseydiniz keşke. Baslica . HTML5 2d oyun motorlarının uzun bir listesi olsada , en popülerleri
Construct 2 : ücretli ve ucretsiz sürümleri mevcut olsada harika oyun geliştiricileri var.

Phaser :tamamiyle ücretsiz, masaüstü ve mobil web tarayıcıları için html5 oyunlari olusturmaniza olanak tanıyan hızlı eğlenceli ve 2d bir oyun motorudur.

MelonJS, ücretsiz, geliştiricilerin herhangi bir şekilde değiştirebileceği veya genişletebileceği, MIT lisansı altında yayınlanan açık kaynaklı HTML5 tabanlı bir açık kaynak kodlu oyun motorudur.

Cevaplayın
Zeliha Kutlu 22 Kasım 2020 at 8:52 pm

yorumun için teşekkür ederim Hüseyin Html Çok geniş içeriği olan bir kaynak benim oyun geçmişim XOX ten öteye gidemedi malesef oda C# ta ama bu konuda kendimi geliştirip yazı paylaşımında bununmayı çok isterim

Cevaplayın

Yorum Yap