HTML'nin ortaya çıkması için modern dünyanın, Avrupa Nükleer Araştırma Konseyi'nden (Conseil Européen pour la Recherche Nucléaire, CERN) bir bilim insanına teşekkür etmesi gerekiyor. Bilim adamının adı Timothy John Berners-Lee. HTML'nin ilk sürümü, bilimsel belgeleri biçimlendirmek amacıyla oluşturuldu. Yani renk şemalarının, yazı tipi parametrelerinin vb. tanım öğeleri olmadan yapısal biçimlendirme. Böylece, başlangıçta HTML, metindeki başlıkları, paragrafları, listeleri ve benzeri yapısal öğeleri vurgulamaya izin verdi. HTML'nin işlenmesinin veya "çoğaltılmasının" sonucu, bu işlemenin parametrelerini içermediğinden, işleme donanımının teknik özelliklerine bağlı olmamalıdır. Zamanla, köprü metni biçimlendirme dilinin bu özelliği kısmen kayboldu.
Bu nedenle, HTML'nin ilk sürümlerinin görünümü 1986'ya kadar uzanıyor ve 1991'de HTML önemli ölçüde geliştirildi ve özellikle World Wide Web'de köprü metni iletmek için kullanılmaya başlandı. Hiper Metin İşaretleme Dili (Köprü Metni İşaretleme Dili) anlamına gelen dünyaca ünlü HTML kısaltmasının geçen yüzyılın 90'lı yıllarının başlarında ortaya çıktığını söylüyorlar. Ve şimdi biçimlendirme dillerinin soykütüğüne küçük bir giriş. HTML köprü metni biçimlendirme dilinin ilk sürümü, bir şekilde genişletilebilir biçimlendirme dilinin (eXtensible Markup Language) bir prototipi olarak kabul edilebilecek Standart Genelleştirilmiş İşaretleme Dili (SGML) standardı temelinde oluşturulmuştur. XML standardı, bilgisayar teknolojisinde kullanılan çok sayıda uzantısı nedeniyle zamanımızda büyük popülerlik kazanmıştır. Okuyucuyu tamamen şaşırtmak için, hemen ardından, XML temelinde, esasen HTML'yi tekrarlayan XHTML (Genişletilebilir Köprü Metni Biçimlendirme Dili) köprü metni biçimlendirme dilinin geliştirildiğini ekleyeceğim. Sonuç olarak elimizde SGML, HTML, XML ve XHTML kısaltmaları var ve hangisinin hangisi olduğunu anlamak gerekiyor. Aslında, her şey basittir: SGML, temelinde herhangi bir biçimlendirme dili oluşturabileceğiniz bir dizi kuraldan başka bir şey değildir. HTML, bu dillerden biri olan SGML uygulamasıdır. Başka bir deyişle, SGML, işaretleme öğelerinin nasıl görüneceğini tanımlarken, HTML tam olarak hangi öğelerin olması gerektiğini ve tarayıcılar tarafından nasıl yorumlanması gerektiğini tanımlar. XHTML, bir XML uygulamasıdır ve XML'in kendisi, SGML'nin basitleştirilmiş bir versiyonundan başka bir şey değildir. , görünüşte çok benzer olmalarına rağmen, çoğunlukla işleme ilkesinde yatan önemli gizli farklılıkları vardır.
Şimdi HTML geliştirme tarihine geri dönelim. Bu nedenle, 1994 yılına kadar HTML, metni kalın veya italik yapmak için etiketler içermesine rağmen, yalnızca yapısal veri işaretlemesi için kullanılıyordu. Aynı 1994'te, W3C (World Wide Web Consortium) organizasyonu oluşturuldu - aynı Tim Berners-Lee tarafından oldukça mantıklı bir şekilde yönetilen World Wide Web Konsorsiyumu ve 1995'te HTML 2.0 önerisi yayınlandı. HTML'nin yaratıcıları, zamanla, statik bir metin biçimlendirme dilinden yavrularının, dinamik İnternet kaynakları oluşturmak için ana araca dönüşeceğini zaten anladılar. HTML 2.0'ın ana ilavesi, kullanıcı tarafından HTTP istekleri için parametreleri girmek için kullanılacak bir dizi kullanıcı kontrolüne sahip bir form dilinin görünümüydü.
İkinci versiyonun yayınlanmasından sonra, yeni nesil HTML üzerinde çalışmalar hemen başladı. 1997'de, biçimlendirme dilini tablolar, çerçeveler, resimler ve diğer bazı önemli etiketlerle tamamlayan HTML 3.2 önerisi yayınlandı. Ancak 3. sürümün en önemli başarısı, yazarlarının tekrar tarayıcıda işaretlemeyi görselleştirme sorununa geri dönmeleri, HTML'nin yalnızca belgenin yapısını işaretlemesi gerektiğini ve öğeleri görüntülemek için doğrudan grafik stillerinin parametrelerini içermemesi gerektiğini hatırlamasıdır. tarayıcıda. HTML 3.2 üzerindeki çalışmalarının sonucu, kodu artık HTML işaretleme koduna bağlanabilen ve böylece sayfanın görünümünü özelleştirebilen, basamaklı stil sayfaları olan bağımsız bir CSS dilinin (Basamaklı Stil Sayfaları) ortaya çıkmasıydı.
1997'de HTML 4'ün piyasaya sürülmesiyle, W3C personeli, beyin çocuklarını CSS'nin ortaya çıkmasıyla modası geçmiş olan ve yapı işaretlemesini sunum parametreleştirmesinden ayırma fikrini tehlikeye atan bu gereksiz unsurlardan kurtardı. Ancak bu tür önemsiz şeyler yüzünden hiç kimse yeni bir sürümü çitlemez. HTML 4.0 önerilerinin ana başarısı, öğeleri artık tarayıcılar tarafından yürütülen komut dosyası programlama dilleri aracılığıyla değiştirilebilen sayfa nesne modelinin (Belge Nesne Modeli, DOM) görünümüydü. En popüler bu tür programlama dili JavaScript'tir. HTML artı DOM artı JavaScript, Web tasarımında bir çığır açan Dinamik HTML veya basitçe DHTML'ye eşittir. Artık, yüklenen web sayfasının öğeleri, kullanıcı eylemlerine yanıt olarak görünümlerini değiştirebilir, yeni öğeleri ekleyip mevcut öğeleri kaldırabilir. 24 Aralık 1999'da, köprü metni biçimlendirme dilinin 4. sürümünün en son sürümü olan HTML 4.01 yayınlandı.
HTML5 sürümü henüz resmi bir W3C önerisi statüsünü almadı, ancak HTML yazarlarının belge nesne modeli desteği ve JavaScript yorumlaması için gereksinimleri geliştirmek için çalışmaya devam ettiği zaten açık. HTML5 bir dizi yeni etiket alacak olsa da, önerilerin çoğu hala tarayıcının DHTML bağlamındaki davranışıyla ilgilidir: Sürükle ve bırak işlevleri için yerleşik destek olacak, sanal bir tuval (tuval), geçmişin görüntülenmesini kontrol edin, sayfalar arasında mesaj paylaşın, yürütme bağlamını kaydedin ve çok daha fazlasını yapın. Yeni HTML önerilerinin yayınlanmasıyla, aynı JavaScript kodu farklı tarayıcılar altında farklı şekilde çalıştırıldığında, tarayıcılar arası uyumluluk eksikliği sorunlarının yavaş yavaş ortadan kalkacağı umulmaktadır. Ne de olsa, nesne modeli ve JavaScript ile çalışmak için gereksinimleri tanımlama eğilimi devam edecek ve tarayıcı geliştiricilerinin (yazılımlarının kullanılmasını istiyorlarsa) bu gereksinimleri takip etmeleri gerekecektir.
HTML5'in 2014'te piyasaya sürülmesi planlanıyor. Belki o zamana kadar, W3C yalnızca JavaScript programlama için ayrı öneriler geliştirecek ve HTML sonunda tekrar tamamen belge yapısı biçimlendirme dili haline gelecek. Bugün sadece 2012 olmasına rağmen, çoğu zaten en popüler tarayıcılar tarafından destekleniyor. Web tasarımcılarının daha önce kendi başlarına yapmak zorunda oldukları pek çok şey (aynı sürükle ve bırak), HTML5'in piyasaya sürülmesiyle birlikte tarayıcı düzeyinde desteklenecek ve bu olaylar dizisi sevinemez. Trendin devam edeceği umulmaya devam ediyor.
Herkese merhaba!
Çalışmaya başlarsak, sitelerimizi arama motorları için daha iyi ve daha çekici hale getirmeye yardımcı olacak HTML ve CSS'nin temellerini bilmeniz gerekir. Bu hafta boyunca size site koduyla çalışmayı anlatacağım ve işte sizi bekleyenler:
- . Bu editörleri kullanarak site kodunu nasıl düzenleyeceğinizi öğreneceğiz;
- . Arama robotunun sayfanın yapısını anlamasına yardımcı olacağız;
- . Site kodunun ne kadar doğru oluşturulduğunu öğreneceğiz ve hataları bulacağız;
Gördüğünüz gibi, bu hafta çok işimiz olacak, bu yüzden Context-UP blog güncellemelerine abone olun ve henüz abone değilseniz tüm dersleri e-postanıza alın.
HTML Temelleri
HTML (Hyper Text Markup Language), web'deki belgeler için biçimlendirme dilidir. Yani sitenizin herhangi bir sayfası bir belgedir ve tarayıcı bu tür belgeleri görüntülemenin bir yoludur.
HTML'nin görevi, tarayıcıya belgenin bu veya bu öğesinin nerede olduğunu göstermektir. Bu dilin yardımıyla, öğeler sayfada işaretlenir ve belirli bir yeri kaplar ve daha sonra site ziyaretçisinin monitöründe görüntülenir.
İşaretleme dili, tarayıcının şunları belirlemesine yardımcı olan özel etiketlerden oluşur:
- Belgenin yapısı;
- Bir elemanın yeri;
- Elemanın amacı;
- Bağlı üçüncü taraf dosyaları;
- Ve çok, çok daha fazlası.
Bu, arama robotları tarafından da anlaşılır, bu nedenle belgenin SEO açısından ne kadar iyi yazıldığına ve hangi yapıya sahip olduğuna özellikle dikkat etmeniz gerekir.
HTML Yapısı
Herhangi bir HTML belgesinin zorunlu bir sırayla uyulması gereken bir başlangıç yapısı vardır. Şuna benziyor:
<! DOKTİP html><html> <kafa> <meta karakter kümesi="UTF-8"><Başlık> Sayfa başlığı</ Başlık> <meta name="anahtar kelimeler" içerik=" Anahtar kelimeler ve deyimler, virgül aracılığıyla" > <meta isim="açıklama" içerik=" Sayfanın içeriğinin açıklaması, 1-2 cümle." > </ kafa> <gövde> Sayfa içeriği