İşaretleme: onlar hakkında her şey
Web tasarımının incelenmesi kendi içinde çok büyük bir konudur. Öğrenmeye başladığınızda, ilk başta çok karmaşık görünebilecek yeni kavramlar dünyasına batacaksınız. Bir web tasarımı ile uğraşırken ele almanız gereken ilk konulardan biri, işaretleme dilinin ne olduğudur. İşaretleme dili programlama dilinden farklıdır, ancak şimdiye kadar dönüşümlü olarak terimi kullanmış olabilirsiniz. Bu makale bu konudaki karışıklığı açıklığa kavuşturacak ve size onlar hakkında daha fazla bilgi edinmek için başlangıç noktasını sunacaktır. İşaretleme nedir?
Her şeyden önce, işaretleme terimini tanımlamamız gerekiyor. İşaretleme dili, bilgisayarlar tarafından elektronik belgelerde ek açıklama yapmak için kullanılan insanlar tarafından okunabilecek bir dildir, böylece bilgisayarlar belgenin stilini ve yapısını daha iyi anlayabilir. “İşaretleme” kelimesini analiz ederek, belge içeriği hakkındaki bilgi bitini belirlemek için işaretleme dilinin kullanıldığını öğrenebilirsiniz. Bu terim geçmişte, talimatların türe ek olarak “işaretlendiği” harf ayarlarına atıfta bulunarak kullanılır. İşaretlemelerin kullanıldığı diğer alanlar, belirli kenarların işaretleme sembolü ile gösterildiği düzeltme okumasıdır. Zamanla, terim daha geniş bir anlamı olmaya başlar ve bazen bugün tamamen farklı bir anlamla kullanılır. Çoğu yön hala korunmaktadır.Basitçe söylemek gerekirse, elektronik işaretleme dili tüm belgelerde farklı öğeleri tanımlamak için etiketler kullanır. Tüm insanlar işaretleme dilini okuyabilmelidir ve bu nedenle çoğunlukla programlamada kullanılamayan sözdizimi yerine anlaşılabilecek gerçek kelimelere güvenirler. “HTML” de “ML” anlamının ne olduğunu hiç merak ettiniz mi? Bu, işaretleme ve baş harflerinin en popüler dile dahil olduğu anlamına gelir. İşte birkaç işaretleme dilinin uzun bir versiyonu: HTML – İşaretleme Köprü Metni Dili
KML – Anahtar Tüm İşaretleme Dilini
Mathml – Matematik İşaretleme Dili
SGML – Standart Genel İşaretleme Dili
Xhtml – Genişletilmiş İşaretleme Köprü Metni Dili
XML – Genişletilmiş İşaretleme Dili
Tüm işaretleme dillerinin bir benzerliği vardır – işaretleme talimatlarıyla belge içeriği oluşturmak için etiketler (yani ) kullanırlar. Köşe braketleri etiketlerdir ve etiketler arasında bulunan her şey biçimlendirilmiş içerikle temsil edilir. İşaretleme, konumuna veya belgedeki kullanımına bağlı olarak semantik veya sunum olabilir.
En çok kullanılan üç işaretleme dili, işaretleme dili açısından birçok seçenek vardır ve her şeyi kısa bir makalede açıklamak imkansızdır. Web’in tasarımında ve geliştirilmesinde, en yaygın kullanılan üç işaretleme dili HTML, XML ve XHTML’dir. Web geliştiricileri çoğunlukla çok yönlü ve modern, öğrenmesi kolay ve mevcut teknolojik gereksinimlerle uyumlu olduğu için bu işaretleme diline güveniyor. Aşağıda her birinden kısa bir sunum bulacaksınız: html
İşaretlemenin ne olduğunu öğrendikten sonra, her türün özelliklerini kolayca öğreneceksiniz. En popüler işaretleme türü HTML’dir, hipermetin işaretleme dili için kısadır. Tüm tasarımcılar ve web geliştiricileri HTML’nin yardımıyla bu endüstri hakkında bilgi edinmeye başlar. Bu dil World Wide Web’in temelidir. Bu, çeşitli bakış açılarından SGML’ye benzer, ancak bunun için yanlış olmamalıdır. HTML, web belgelerinin yapısını tanımlamak için kullanılır. Bunu yapmak için HTML etiketler ve öznitelikler kullanır. İhtiyacınız olan etiketleri ve öznitelikleri hızlı bir şekilde bulmak için HTML hile sayfasına bakın. Genellikle, HTML belge yapısı etiketi ile başlar. Ardından, etiketine devam edin. Sayfanızın başlığını bu etiket ile olan bir sonraki etiket arasına yerleştirmeniz oldukça sezgiseldir. Etiket sembol / eklendiğinde sona erer. Örneğin, göründüğünde biter. Belge ile kapatılmıştır. Kaç dilin geliştiği dışında hala biraz HTML içeriyorlar. Bu işaretleme dili, sayfada görüntülenen metnin ve multimedya öğelerinin görüntülenmesini belirler. Bununla birlikte, belgeleri hipermetin kullanarak bağlayabilir ve HTML etiketlerini kullanarak mevcut belirli işlevleri kullanarak etkileşimli belgeler oluşturabilirsiniz.
Bazı insanlar HTML’yi “site kodu” olarak bilir. Aslında, programlama söz konusu değildir. HTML sadece bir işaretleme dilidir, ancak terim bazen dönüşümlü olarak kullanılır. Uzun basılı bir metin yapmak için bu işaretleme dilinin nasıl kullanılacağına dair kısa bir örnek: Bu Örnek HTML’de kalın nasıl kullanılır. Ve göründüğü şey bu: Bu, HTML’de Bold nasıl kullanılacağına bir örnektir. Genişletilebilir işaretleme dili için kısa olan XMLXML, orada en popüler ikinci işaretleme dilidir. Aslında, XML HTML’nin bir uzantısı olarak işlev görür. Dil birbirini tamamlar. XML ve HTML arasında büyük bir fark vardır, ancak kullanıcılar bu değişikliklere kolayca alışabilir. HTML durumunda olduğu gibi etiketleri kullanmak yerine, XML bir düğüm kullanır. Bu düğüm bir veri öğesidir. XML etiketleri veri ayarlamak için kullanılabilir. Örneğin, restoranlar için bir web siteniz varsa, menü XML etiketleri kullanılarak düzenlenebilirken, görünüm HTML kullanılarak ayarlanabilir. Daha önce de belirtildiği gibi, iki işaretleme dili farklı hedeflere ulaşmak için birbirini tamamlar.
XML, asenkron JavaScript + XML anlamına gelen Ajax’ın görünümü ile giderek daha popüler hale geliyor. Hem popüler web sitelerinin ve Gmail gibi uygulamaların sayfaları yenilemek zorunda kalmadan öğeler içermesine izin verir. Bu, daha yumuşak kullanıcı deneyimine ve daha az rahatsızlık sağlar. Düğüm XML olmadan, bu olmayacak. XML verileri, yapı verilere gömüldüğü için kendi tanımlı olarak kabul edilebilir. Veriler her geldiğinde, geliştiricinin saklamak için daha önce yapılan yapıyı kullanması gerekmez. XML bunu anlar ve aktif olarak tanımlar.
İşte XML’yi daha iyi anlamanıza yardımcı olacak bir örnek:
merhaba dünya!
Bu gezegeni durdurun, aşağı inmek istiyorum!
Xhtml
Son olarak, XHTML veya genişletilebilir hipermetin işaretleme dili, HTML ve XML’nin bir kombinasyonudur. Her ikisinin de rahat sonuçlar için gerekli olduğu açık olduğundan, aralarındaki birleşmenin doğru seçimdir. XHTML böyle yapıldı. Başlangıçta net cihazı görüntülemek için tasarlanmış ve HTML5’in piyasaya sürülmesinden önce başlatılır. Xhtml her iki dünyadan da en iyisini alır ve güçlü bir bağımsız işaretleme dili yaratır.
Xhtml de esnektir, çünkü geliştiriciler kendi nesnelerini veya etiketlerini ekleyebilir ve yaptıkları sayfalar için kullanabilirler. Kullanımı kolay ve insanlara hem yönler hem de kuruluşlar açısından tasarımları üzerinde daha fazla kontrol sağlıyor. Tabii ki, ücretsiz hataların deneyimine uyulması gereken kurallar vardır, çünkü XHTML sözdizimi açısından çok katıdır. Etiketlerin ve kişiselleştirilmiş nesnelerin DTD’de tanımlanması gerekir (belge türü tanımı). Xhtml, sıradan HTML veya XML ile karşılaştırıldığında karmaşık bir sözdizimine sahiptir.
Aşağıdakiler HTML’de işlev görebilecek örneklerdir, ancak XHTML ile hatalara neden olacak:
Örnek Xhtml Kötü
