Web tasarım dünyasını keşfetmeye başladığınızda, kuşkusuz sizin için yeni olan bir dizi kelime ve ifadeye dahil olacaksınız. Muhtemelen duyacağınız terimlerden biri "işaretleme" veya belki "işaretleme dili" dir. "İşaretleme", "kod" dan nasıl farklıdır ve bazı web profesyonelleri bu terimleri birbirlerinin yerine kullanabilirler? Tam olarak bir "işaretleme dili" nin ne olduğuna bir göz atalım.
3 İşaretleme Diline Bakalım
Web üzerinde “ML” yazan neredeyse her kısaltma “biçimlendirme dili” dir (büyük bir sürpriz, "ML" nin anlamı budur). İşaretleme dilleri, web sayfalarını veya tüm şekilleri ve boyutları oluşturmak için kullanılan yapı taşlarıdır.
Gerçekte, dünyada çok farklı biçimlendirme dilleri var. Web tasarımı ve geliştirme için, muhtemelen karşılaşabileceğiniz üç özel işaretleme dili vardır. Bunlar HTML, XML ve XHTML'dir .
İşaretleme Dili nedir?
Bu terimi doğru bir şekilde tanımlamak için - bir işaretleme dili, metni açıklayan bir dildir, böylece bilgisayar bu metni işleyebilir. Çoğu biçimlendirme dili insan tarafından okunabilir çünkü ek açıklamalar, metni metinden ayırmak için yazılmıştır. Örneğin, HTML, XML ve XHTML ile, işaretleme etiketleri
Örneğin:
Bu, HTML ile yazılmış bir metnin paragrafıdır.
Bu örnek bir HTML paragrafıdır. Bir açılış etiketinden (
), bir kapanış etiketinden () ve ekranda görüntülenecek olan metinden (bu, iki etiket arasında bulunan metin) oluşur. Her etiket, işaretlemenin bir parçası olarak atamak için "küçük" ve "büyük" sembollerini içerir.
Bir bilgisayarda veya başka bir aygıt ekranında görüntülenecek metni biçimlendirdiğinizde, metnin kendisi ile metnin talimatları arasında ayrım yapmanız gerekir. "İşaretleme", metni görüntülemeye veya yazdırmaya yönelik talimatlardır.
Markup bilgisayar tarafından okunabilir olmak zorunda değildir. Basılı veya bir kitapta yapılan ek açıklamalar da işaretlenir. Örneğin, okuldaki birçok öğrenci ders kitaplarındaki bazı ifadeleri vurgulayacaktır. Bu, vurgulanan metnin çevreleyen metinden daha önemli olduğunu gösterir. Vurgu rengi işaretleme olarak kabul edilir.
İşaretleme, bu biçimlendirmenin nasıl yazılacağı ve kullanılacağı hakkında kurallar yazıldığında bir dil haline gelir. Aynı öğrencinin “mor vurgulayıcı tanımları, sarı vurgulayıcı sınav detayları için olduğu ve marjlardaki kalem notları ek kaynaklar için olduğu gibi” kurallar koyarsa kendi “notu işaretleme notu” alabilirler.
Çoğu biçimlendirme dili, birçok farklı kişi tarafından kullanılmak üzere bir dış otorite tarafından tanımlanır. Web için biçimlendirme dilleri böyle çalışır. W3C veya World Wide Web Consortium tarafından tanımlanmıştır.
HTML — Köprü Metni İşaretleme Dili
HTML veya Köprü Metni Biçimlendirme Dili, Web'in birincil dilidir ve web tasarımcısı / geliştiricisi olarak çalışacağınız en yaygın olanıdır.
Aslında, işinizde kullandığınız tek işaret dili olabilir.
Tüm web sayfaları HTML'nin bir lezzeti ile yazılmıştır. HTML, görüntülerin , multimedya ve metnin web tarayıcılarında görüntülenme biçimini tanımlar. Bu dil, belgelerinizi (hiper metin) bağlamak ve web belgelerinizi etkileşimli (formlar gibi) yapmak için gerekli öğeleri içerir. Birçok kişi HTML'yi "web sitesi kodu" olarak adlandırır, ancak gerçekte bu sadece bir biçimlendirme dilidir. Hiçbir terim kesinlikle yanlış değildir ve web profesyonelleri de dahil olmak üzere kişileri bu iki terimi birbirinin yerine kullanabilir.
HTML, tanımlı bir standart biçimlendirme dilidir. SGML'ye (Standart Genelleştirilmiş İşaretleme Dili) dayanmaktadır.
Metninizin yapısını tanımlamak için etiketleri kullanan bir dildir. Eleman ve etiketler
HTML, günümüzde Web'de kullanılan en popüler biçimlendirme dili olmasına rağmen, web geliştirme için tek seçenek değildir. HTML geliştirildiği için, giderek daha karmaşık hale geldi ve stil ve içerik etiketleri bir dilde birleştirildi. Sonunda, W3C, bir web sayfasının ve içeriğin stili arasında bir ayrılmaya ihtiyaç olduğuna karar verdi. İçeriği tek başına tanımlayan bir etiket HTML'de kalırken, stili tanımlayan etiketler CSS (Cascading Style Sheets) lehine kaldırılmıştır.
HTML'nin en yeni numaralı sürümü HTML5. Bu sürüm, HTML'ye daha fazla özellik ekledi ve XHTML tarafından uygulanan bazı katılıkları kaldırdı (kısaca bu dilde daha fazla).
HTML'nin yayınlanma şekli HTML5'in yükselişiyle değiştirildi. Bugün, yeni, numaralandırılmış bir sürüm olmaksızın yeni özellikler ve değişiklikler eklendi. Dilin en son sürümü sadece "HTML" olarak adlandırılır.
XML — EXtensible İşaretleme Dili
EXtensible Markup Language, HTML'nin başka bir sürümünün temel aldığı dildir. HTML gibi, XML de SGML'ye dayanır. SGML'den daha az katı ve düz HTML'den daha katıdır. XML, farklı dilleri oluşturmak için genişletilebilirlik sağlar.
XML, biçimlendirme dilleri yazmak için bir dildir. Örneğin, şecere üzerine çalışıyorsanız, XML'inizde babanızı, anneyi, kızı ve oğlu tanımlamak için XML kullanarak etiketler oluşturabilirsiniz:
XML ile halihazırda oluşturulmuş birkaç standart dil vardır: matematik tanımlamak için MathML, multimedya ile çalışmak için SMIL, XHTML ve diğerleri.
XHTML - eklenmiş Köprü Metni Biçimlendirme Dili
XHTML 1.0, XML standardını karşılamak için HTML 4.0 yeniden tanımlandı. XHTML, modern web tasarımında HTML5 ve o zamandan bu yana ortaya çıkan değişiklikler ile değiştirildi. XHTML'yi kullanarak daha yeni bir site bulmanız olası değildir, ancak çok daha eski bir sitede çalışıyorsanız, yine de vahşi ortamda XHTML ile karşılaşabilirsiniz.
HTML ile XHTML arasında çok fazla önemli fark yoktur, ancak aşağıdakileri fark edeceksiniz:
- XHTML küçük harfle yazılmıştır. HTML etiketleri UPPER, MiXeD case veya küçük harf olarak yazılabilirken, XHTML etiketleri küçük harflerle yazılmalıdır. (Not - teknik olarak gerekli olmasa bile, pek çok web uzmanı tüm küçük harflere HTML yazabilir).
- Tüm XHTML öğeleri bir bitiş etiketine sahip olmalıdır. Etiketin sonunda yalnızca bir etiket içeren ve kapanış eğik çizgisine (/) ihtiyaç duyan öğeler:
- Tüm özellikler XHTML'de alıntılanmalıdır. Bazı kişiler, alandan tasarruf etmek için özelliklerin çevresindeki alıntıları kaldırır, ancak doğru XHTML için gereklidir.
- XHTML, etiketlerin doğru şekilde iç içe olmasını gerektirir. Kalın () öğesini ve ardından italik () öğesini açarsanız, kalın () öğesini kapatmadan önce italik öğeyi () kapatmanız gerekir. (Bu öğelerin her ikisinin görsel öğeler olduğundan, kullanımdan kaldırıldığını unutmayın. HTML artık bu ikisinin yerine ve kullanıyor.
- HTML Niteliklerinin bir adı ve bir değeri olmalıdır. HTML'de bağımsız olan öznitelikler de değerlerle belirtilmelidir, örneğin HR özniteliği noshade = "noshade" yazılır.
Jennifer Krynin tarafından yazılmış orijinal makale. Jeremy Girard tarafından 7/5/17 tarihinde düzenlenmiştir.