HTML ve HTML5'i öğrenmeden önce şunları öğrenelim:
Biçimlendirme Dili nedir?
Biçimlendirme dili, bir belgeye sözdizimsel olarak ayırt edilebilecek şekilde açıklama eklemek için bir sistem tasarımıdır. Öğeleri tanımlamak için etiketleri kullanır. Biçimlendirme dilleri, İngilizce kelime öbekleri ve sözcükleri içerir. Bu nedenle okunması kolaydır. Biçimlendirme dilleri, özellikle metnin işlenmesi, tanımlanması ve sunulması için tasarlanmıştır.
Bu HTML - HTML 5 eğitiminde şunları öğreneceksiniz:
- Biçimlendirme Dili nedir?
- HTML nedir?
- HTML5 nedir?
- HTML'nin Yapısı
- HTML5'in Yapısı
- HTML'nin özellikleri
- HTML5'in özellikleri
- HTML Vs HTML5
- HTML'nin Avantajları
- HTML5'in Avantajları
- HTML'nin dezavantajları
- HTML5'in dezavantajları
HTML nedir?
HTML, World Wide Web için kullanılan dildir. Web'de sayfaları oluşturmak ve görüntülemek için kullanılan standart metin biçimlendirme dilidir.
HTML dosyaları iki şeyden oluşur: 1) içerik ve 2) sayfalarda düzgün görüntülenmesi için onu biçimlendiren etiketler. Basamaklı Stil Sayfaları (CSS) gibi teknolojiler ve JavaScript gibi komut dosyası dilleri tarafından kullanılabilir. HTML'nin tam biçimi Köprü Metni Biçimlendirme Dili'dir. Ayrıca HTML v 1.0 olarak da bilinir ve HTML biçimlendirmesinin ilk yinelemesidir.
HTML5 nedir?
HTML5, daha fazla etiket ve özellik desteğiyle HTML sürüm 1.0'ın 5. sürümüdür. Teknik olarak HTML sürüm 5.0 olarak adlandırılır, ancak halk arasında HTML5 olarak adlandırılır.
Safari, Opera, Chrome ve Firefox gibi Tarayıcıların en son sürümü, HTML5'in tüm özelliklerinin çoğunu destekler. Bir web geliştiricisi, fotoğraf siteleri, web forumları ve gelişmiş harita uygulamaları geliştirmek için HTML5 kullanabilir. HTML5'in Tam biçimi, Köprü Metni Biçimlendirme Dili 5'tir.
HTML'nin Yapısı
İşte bir HTML yapısı:
Guru99 Home Best Tutorials on Planet
Paragraph
HTML5'in Yapısı
HTML5'in yapısı şu şekildedir:
HTML5 Title
HTML'nin özellikleri
- Platformdan bağımsız dil.
- Büyük / küçük harfe duyarlı bir dil değildir.
- Basamaklı Stil Sayfalarını kullanarak renkleri, yazı tiplerini ve konumlandırmayı kontrol edebilirsiniz.
- Tablolar oluşturabiliriz.
- HTML öğesini kullanarak bir sayfanın sunumunu geliştirin.
- Etiketleri kullanarak bir web sayfası geliştirmenize olanak sağlar.
- Grafikler kullanın ve ayrıca çeşitli yazı tiplerinde, boyutlarda ve renklerde metin görüntüleyin.
- Web'de bulunan çeşitli belgelere gitmek için köprüler oluşturmanıza yardımcı olur.
- Verileri tablo biçiminde görüntüleyebilirsiniz.
- Birden çok kaynaktan gelen bilgileri farklı pencerelerde görüntülemek için bir web sayfasında birden fazla pencere oluşturun.
HTML5'in özellikleri
- Yerel depolamayı destekler
- HTML5,
, - Tarih, takvim, saat, URL, e-posta ve arama gibi yeni form kontrolleri sunar.
- 2B diyagram çizmek için
- CSS'nin daha yeni ve sürümü olan CSS3 desteği.
- Medya desteği sağlar.
- Şekil öğesi, bir resim yazısını diğer görüntü öğeleriyle kolayca ilişkilendirmek için öğelerle birleştirilebilir.
- Site performansını etkilemeden büyük miktarda veriyi yerel olarak depolayabilirsiniz.
- HTML, yanlış sözdizimini işleme kapasitesine sahiptir.
HTML Vs HTML5
HTML ve HTML5 arasındaki farklar şunlardır:
HTML | HTML5 |
HTML Doctype beyanı uzundur. | HTML5'te DOCTYPE bildirimi basittir. |
HTML Karakter kodlaması daha uzundur. | HTML5 Karakter kodlama beyanı basittir. |
Ses ve video HTML parçaları değildir. | Ses ve video HTML5 parçasıdır. |
Silverlight, Flash, VML gibi diğer teknolojilerin yardımıyla vektör çizmek mümkündür. | Vektör grafikleri HTML5'in bir parçasıdır, örneğin, tuval, SVG. |
Herhangi bir web sitesinde gezinen bir kişinin gerçek Coğrafi Konumunu elde etmek imkansızdır. | HTML5'teki JS Geolocation API, herhangi bir web sitesine göz atan kullanıcının konumunu belirlemenizi sağlar. |
HTML, tanımlama bilgileri yerine yerel depolama sunar. | Html5, verileri depolamak için tanımlama bilgileri kullanır. |
HTML'de temel şekiller çizmek mümkün değildir. | Html5'te temel şekiller çizmek mümkündür. |
Bir tarayıcıda JavaScript çalıştırmanıza izin verir. | Arka planda JavaScript kodunu çalıştırmanızı sağlar. |
Tüm eski tarayıcılarda HTML kullanabilirsiniz. | HTML5'i tüm yeni tarayıcılarda kullanabilirsiniz. |
Tarayıcı önbelleğini geçici depolama alanı olarak kullanabilirsiniz. | Uygulama (veritabanı ve web depolama) Önbelleğini geçici depolama olarak kullanabilirsiniz. |
Web Soketi mevcut değil. | Web Soketleri kullanarak bir sunucu ile tam çift yönlü iletişim kanalları kurabilirsiniz. |
Yapısal olarak yanlış HTML kodlarını işlemek için hiçbir işlem yoktur. | HTML5, doğaçlama hata işleme süreci aracılığıyla kalıcı hata işlemeyi destekler. |
HTML daha az mobil uyumludur. | HTML5 mobil uyumludur. |
Eşzamansız, karakter kümesi ve ping gibi özellikler HTML'de mevcut değildir. | Eşzamansız, ping, karakter kümesi özellikleri ve HTML5'in bir parçasıdır. |
HTML sürükle ve bırak efektlerine izin vermiyor | HTML5, sürükle ve bırak efektlerine izin verir. |
Tabinex, id, tabinex gibi yeni özellikler sunun. | Bunlar, HTML 5 öğelerine uygulanan belirli özniteliklerdir. |
HTML'nin Avantajları
HTML'nin avantajları / avantajları şunlardır:
- Web sayfası geliştirme için kullanımı kolay
- Zahmetsizce bir web belgesi oluşturun
- Web sayfalarında ve farklı sunucularda bulunan web siteleri arasında gezinmenize yardımcı olur.
- HTML'de, doğası gereği duyarlı görüntüleri kullanmak için sorgular ayarlayabilirsiniz.
- Kullanıcı, oturumlar arasında kalan tarayıcı verilerini kaydedemez.
- Veriler tarayıcıda depolandıktan sonra, geliştirici uygulamanın çalışmasını sağlamak için daha fazla düşünebilir.
HTML5'in Avantajları
HTML5'in artıları / avantajları şunlardır:
- Dosya sistemi, istemci tarafı depolama, olay işleme ve daha fazlasıyla ilgili geniş bir dizi yeni API gibi yeteneklere sahiptir.
- Yeni bir etkileşimli web sitesi oluşturmak kolaydır.
- HTML5 pragmatik bir yaklaşım benimsediğinden, gerçek dünyadaki sorunları zahmetsizce düzeltebilirsiniz.
- Doctype ve karakter setini basitleştirmiştir.
- HTML5, ,
- etiketi için yeni bir öznitelikle iyileştirilmiş web formlarına sahiptir.
- HTML5, herhangi bir üçüncü taraf eklentisine başvurmadan elde etmek için kalıcı yerel depolama sağlar.
- Web uygulamaları geliştirmek için yeni nesil bir iletişim teknolojisi olan WebSocket'e sahiptir.
- HTML5, Sunucu Tarafından Gönderilen Olaylar (SSE) olarak adlandırılan olayları sunar.
- İşaretlemeyi basitleştirdi
- JavaScript ile programlayabileceğiniz iki boyutlu çizim yüzeyi desteği.
- HTML5, kendi kelime dağarcığınızı oluşturmanızı sağlar.
- Kendi özel anlambiliminizi oluşturabilirsiniz.
- Öğeleri aynı web sayfasındaki bir yerden başka bir yere sürükleyip bırakın.
- Çok sayıda videoyu destekler.
- HTML5, görünürlük, medya yakalama, tam ekran vb. API'lerle gelişmiş web uygulaması deneyimine sahiptir.
HTML'nin dezavantajları
İşte HTML'nin eksileri / dezavantajları:
- HTML, dinamik sayfalar oluşturmaya yardımcı olmaz. Yalnızca düz sayfalar oluşturabilir.
- Basit bir web sayfası oluşturmak için uzun bir kod yazmanız gerekebilir.
- HTML'de güvenlik özellikleri iyi değildir.
- Bir web sayfasına benzeyen herhangi bir şey geliştirmek zaman alır.
- HTML, Dreamweaver gibi diğer web sayfası geliştirme yazılımları gibi esnek değildir.
- Merkezi bir yaklaşımı takip etmiyor. Web sayfalarını ayrı ayrı düzenlemeniz gerekir.
HTML5'in dezavantajları
HTML5'in eksileri / dezavantajları şunlardır:
- Erişmek için modern tarayıcılar gerektirir.
- Medya lisanslamayla ilgili sorunlar var.
- Birden fazla cihaz tepkisi baş ağrısı olabilir.
- HTML5 dili hala devam eden bir çalışmadır.
- Oyun, HTML5 altında JavaScript ile mücadele ediyor.
- HTML5'te bulunan iyi IDE'ler yoktur.
ANAHTAR FARKLAR:
- HTML Doctype bildirimi uzundur, HTML5'teki DOCTYPE bildirimi ise daha basittir.
- Ses ve video HTML parçaları değildir, ses ve video etiketleri HTML5'te desteklenir.
- HTML'de Web Soketi mevcut değildir, diğer yandan HTML5'te Web Soketleri kullanan bir sunucu ile tam çift yönlü iletişim kanalları oluşturabilirsiniz.
- HTML daha az mobil uyumluyken, HTML5 mobil uyumludur.
- HTML'de herhangi bir web sitesine göz atan bir kişinin gerçek Coğrafi Konumunu elde etmek imkansızdır, ancak HTML5'teki JS Geolocation API, herhangi bir web sitesine göz atan kullanıcının konumunu belirlemenizi sağlar.