XHTML: Rafine Tasarım için Web Kodlaması

• Mayıs Ayı 19, 2024

XHTML 1.0 ve 1.1 E anlamına gelirXgerilebilir 'HyperText Markup LHTML 4.0'dan ileriye doğru büyük bir sıçramayı temsil eder. HTML 4.0'ın en iyilerini XML ile birleştirerek tasarımcıya daha zarif ve daha kararlı web tasarımı için daha sofistike bir kodlama şeması sunuyorlar.

Tüm HTML dillerinin ebeveynleri olan W3C, XHTML 1.0'ı "HTML 4.0 1997'de piyasaya sürüldüğünden bu yana HTML'deki ilk büyük değişiklik olarak tanımladı. XML'nin titizliğini Web sayfalarına getiriyor ve W3C'nin çalışmalarında temel standartlar oluşturma cep telefonları, televizyonlar, arabalar, cüzdan boyutunda kablosuz iletişim cihazları, kiosklar ve masaüstü bilgisayarlar da dahil olmak üzere giderek artan sayıda tarayıcı platformunda daha zengin Web sayfaları. "

XHTML Varyasyonları

Tüm web tasarımcılarının ihtiyaçlarını karşılamak için üç farklı XHTML türü mevcuttur. Bunlar Katı, Geçişli ve Çerçeve Kümesi XHTML'dir.

XHTML 1.0 Katı - deneyimli web tasarımcıları için en saf form. Bu sürümler, belgenize mizanpaj kodu (yazı tipi, renk, mizanpaj) eklemek zorunda kalmadan gıcırtılı temiz kod oluşturmanıza olanak tanır. Bunun yerine, başında Basamaklı Stil Sayfası (CSS) kodu eklersiniz.

XHTML 1.0 Geçici - bu yeni kodlama yöntemini öğrenmek için zamana ihtiyaç duyan veya hala eski web tarayıcılarını kullanan izleyicileri barındırmak isteyen tasarımcılara yardımcı olmak için yol kodu biçiminin ortası. Stil sayfaları kullanılır, ancak eski HTML kodu da eklenir. Örneğin, gövde etiketi hala bgcolor, metin, bağlantılar, vlinks özniteliklerini içerir.

XHTML 1.0 Çerçeve Kümesi - bu varyasyon kendiliğinden açıklayıcıdır - XHTML'yi çerçeve tabanlı bir belgeye dahil etmek istediğinizde kullanırsınız.

Yine daha gelişmiş bir versiyon, XHTML 1.1 uluslararası ve diğer özel kodlama ihtiyaçları için modüler kod eklenmesine olanak tanır. Bu ekstra kodlamayı kolaylaştırmak için RUBY modülleri dahil edilmiştir. XHTML 1.1'deki en önemli tek değişiklik, verilerin sunumdan ayrılmasıdır. Biçimlendirme artık verilerle gömülü değildir ve yalnızca Basamaklı Stil Sayfalarına (CSS) başvurarak elde edilebilir. Bu, çok çeşitli yeni masaüstü olmayan ürünler ve erişilebilirlik uygulamaları tarafından kolay ayrıştırma ve yeniden kullanım için verileri kullanılabilir hale getirir.

HTML'nizi Düzenleme

W3C'den Dave Raggett ve Source Forge, şu anda mevcut HTML belgelerini XHTML'ye dönüştürmek isteyen tasarımcılara HTML Tidy (ve süreçte kodlarını toplamak) için harika bir açık kaynak yardımcı programı sunuyor. Bu kullanışlı araç, tüm bu yararlı görevleri gerçekleştirerek kodunuzun parlamasına yardımcı olacaktır:

• Eksik veya eşleşmeyen bitiş etiketleri algılanır ve düzeltilir


• Yanlış sıradaki bitiş etiketleri düzeltildi


• Başlık vurgusu ile ilgili sorunları giderir


• Karışık etiketlerden kurtarır


• Bağlantılar için bitiş etiketlerine eksik eğik çizgi ekleme


• Eksik etiketleri koyarak listelerin mükemmelleştirilmesi


• Özellik değerleri çevresinde eksik teklifler eklendi


• Bilinmeyen / Mülkiyet özellikleri bildirildi


• Tescilli unsurlar bu şekilde tanınır ve raporlanır


• Sonlandırma ayracı bulunmayan etiketler tespit edilir


• CSS kullanarak fazla mizanpaj kodunu stil özellikleri ve kurallarla değiştirir


• Boş paragrafı ve başlık öğelerini siler

Nitrit Cesetler

XHTML kullanırken birincil "kurallardan" biri kodun temiz ve eksiksiz olması gerektiğidir.

• Tüm öğeler kapanış etiketlerine sahip olmalı ve doğru şekilde yuvalanmalıdır.


• Tüm etiketler küçük harfle yazılmalıdır - XML ​​büyük / küçük harfe duyarlıdır.


• İçin bitiş etiketleri dahil edilmelidir HERŞEY elementler


• Tüm özellikler tırnak içinde olmalıdır. genişlik, colspan, rowspan


• Boş öğelerin bir bitiş etiketi olmalıdır

Yardım eli

Başka bir HTML formatını öğrenmekten bunalmış mı hissediyorsunuz? Varsa yardım elinizin altında. XStandard, XHTML 1.0 Strict veya XHTML 1.1'de temiz XHTML kodu yazmanıza yardımcı olan bir WYSIWYG kod düzenleyicisidir. İçerik oluşturucular bu yazılımı şu şekilde tanımlıyor: "piyasadaki en gelişmiş, standartlara dayalı WYSIWYG editörü. ActiveX'i destekleyen herhangi bir Windows veya tarayıcı tabanlı içerik yönetim sistemi için idealdir. XStandard her dilde zengin içeriği yönetir, güçlü erişilebilirlik özelliklerine sahiptir ve tablolar, resimlerin etrafına metin kaydırma ve düzenleyiciye dosya sürükleyip bırakma gibi popüler düzenleme seçeneklerini destekler. " Yazılım, ücretsiz bir XStandard Lite sürümü ve daha çok yönlü bir XStandard Pro sürümü ile geliyor.

Sitenizin bugünün tarayıcılarında ve geleneksel olmayan cihazlarda iyi çalışmasını ve yarınlarda iyi çalışmaya devam etmesini istiyorsanız, XHTML'de yeni siteler yazmak ve çalışma sayfalarınız izin verdiği şekilde eski sayfaları XHTML'ye dönüştürmek iyi bir fikirdir. Tabii ki, bu son değil! Zaten, XHTML 2.0'ı oluşturmak için çalışmalar yapılıyor. Hareket, geriye dönük uyumluluğa değil, yalnızca yapıya odaklanmaktır. Bu yeni XHTML formu hakkında makalelerinde IBM web sitesinde okuyabilirsiniz, Web'in Geleceği: XHTML 2.0.

HTML Vurgulama Makale Serisi

BÖLÜM 1: Güvenilir Bir Tasarımcı HTML Bilmeli mi?
BÖLÜM 2: HTML 3.2 - Wilbur'un Doğuşu
3.BÖLÜM: HTML 4.0 VE 4.01 - İyi Bir Şey Daha!
4.BÖLÜM: XHTML: Rafine Tasarım için Web Kodlaması
5.BÖLÜM: DHTML: Dinamik Web Kodlaması