Dinamik HTML, HTML'nin gerçekten yeni bir özelliği değil, standart HTML kodlarına ve komutlarına bakmanın ve kontrol etmenin farklı bir yoludur.
Dinamik düşünürken HTML, standart HTML'nin özelliklerini hatırlamanız gerekir, özellikle bir sayfa sunucudan yüklendiğinde, sunucuya başka bir istek gelene kadar değişmeyecektir. Dinamik HTML size HTML öğeleri üzerinde daha fazla kontrol sağlar ve Web sunucusuna geri dönmeden herhangi bir zamanda değiştirilmelerine olanak tanır.
DHTML'nin dört bölümü vardır:
- Belge Nesne Modeli (DOM) (tanım)
- Kodlar
- Basamaklı Stil Şablonu (CSS)
- XHTML
DOM
DOM, DHTML ile değiştirmek için Web sayfanızın herhangi bir bölümüne erişmenizi sağlayan şeydir. Bir Web sayfasının her bölümü DOM tarafından belirlenir ve tutarlı adlandırma kurallarını kullanarak bunlara erişebilir ve özelliklerini değiştirebilirsiniz.
Kodlar
JavaScript veya ActiveX ile yazılan komut dosyaları, DHTML'yi etkinleştirmek için kullanılan en yaygın iki komut dosyası dilidir. DOM'da belirtilen nesneleri kontrol etmek için bir betik dili kullanırsınız.
Basamaklı Stil Şablonu
DHTML'de CSS, Web sayfasının görünüşünü ve verdiği hissi kontrol etmek için kullanılır. Stil sayfaları, metnin renklerini ve yazı tiplerini, arka plan renklerini ve görüntüleri ve sayfadaki nesnelerin yerleşimini tanımlar. Komut dosyası oluşturma ve DOM'yi kullanarak çeşitli öğelerin stilini değiştirebilirsiniz.
XHTML
XHTML veya HTML 4.x, sayfanın kendisini oluşturmak ve CSS ile ilgili öğeleri oluşturmak için kullanılır. DOM üzerinde çalışmak. DHTML için XHTML ile ilgili özel bir şey yoktur - ancak geçerli XHTML'ye sahip olmak daha da önemlidir, çünkü ondan sadece tarayıcıdan daha fazla şey çalışır.
DHTML'nin Özellikleri
DHTML'nin dört temel özelliği vardır:
- Etiketleri ve özellikleri değiştirme
- Gerçek zamanlı konumlandırma
- Dinamik yazı tipleri (Netscape Communicator)
- Veri bağlama (Internet Explorer)
Etiketleri ve Özellikleri Değiştirme
Bu, DHTML'nin en yaygın kullanımlarından biridir. niteliklerini değiştirmenizi sağlar. HTML etiketi tarayıcının dışındaki bir olaya bağlı olarak (fare tıklaması, saat veya tarih vb.). Bunu, bilgileri bir sayfaya önceden yüklemek ve okuyucu belirli bir bağlantıya tıklamadıkça görüntülememek için kullanabilirsiniz.
Gerçek Zamanlı Konumlandırma
Çoğu insan DHTML'yi düşündüğünde, bekledikleri budur. Web sayfasında hareket eden nesneler, resimler ve metinler. Bu, okuyucularınızla etkileşimli oyunlar oynamanıza veya ekranınızın bölümlerini canlandırmanıza izin verebilir.
Dinamik Yazı Tipleri
Bu, yalnızca Netscape'e özgü bir özelliktir. Netscape bunu, tasarımcıların bir okuyucunun sisteminde hangi yazı tiplerinin olacağını bilmeme sorununu aşmak için geliştirdi. Dinamik yazı tiplerinde, yazı tipleri sayfayla birlikte kodlanır ve indirilir, böylece sayfa her zaman tasarımcının amaçladığı gibi görünür. Ayrıca kullanabilirsin web uyumlu yazı tipleri.
Bağlanma verileri
Bu, yalnızca IE'ye özel bir özelliktir. Microsoft bunu daha kolay erişim sağlamak için geliştirdi. Web sitelerinden veritabanları. kullanmaya çok benzer CGI bir veritabanına erişmek için ancak çalışmak için bir ActiveX denetimi kullanır. Bu özellik çok gelişmiştir ve yeni başlayan DHTML yazıcısı için kullanımı zordur.