HTM dosyası nedir?
.htm uzantılı dosyalar, Google Chrome, Internet Explorer, Firefox ve diğerleri gibi web tarayıcılarında görüntülenecek web sayfaları oluşturmak için Köprü Metni İşaretleme Dilini temsil eder. Başkalarının erişimi için World Wide Web’de (WWW) yayınlanacak statik sayfalar oluşturmak için işaretlemeleri tanımlar.
Bu işaretlemeler, tarayıcılara bir web sayfasının içeriğinin nasıl görüntüleneceğini söyler. Bu tür sayfalar düz metin, resimler, diğer sayfalara köprüler, videolar ve diğer medya bilgilerini içerebilir.
Bir web sayfası yayınlandığında, sayfa kaynağına bakarak arkasındaki biçimlendirme koduna göz atabilirsiniz. Modern tarayıcılar, bir web sayfasının HTM kaynağındaki her bir alt bölümün veya biçimlendirme öğesinin ayrıntılandırıldığı her bölümünün incelenmesine izin verir.
HTM’nin Kısa Tarihi
Başlangıcından ve ilk ortaya çıkışından bu yana, HTML spesifikasyonları 1996’dan beri World Wide Web Konsorsiyumu (W3C) tarafından sürdürülmektedir. 2000 yılında ayrıca uluslararası bir standart haline gelmiştir (ISO/IEC 15445:2000). 1999’da HTML 4.01 yayınlandı. 2004 yılında Web Köprü Metni Uygulama Teknolojisi Çalışma Grubu (WHATWG), 2008 yılında W3C ile ortak çıktı haline gelen HTML5 sürümü üzerinde çalışmaya başladı. 28 Ekim 2014 tarihinde tamamlanarak standart hale getirildi.
HTML Dosya Biçimi
Bir HTML 4 belgesi üç bölümden oluşur:
- HTML sürüm bilgilerini içeren bir satır
- bildirim niteliğinde bir başlık bölümü
- belgenin gerçek içeriğini içeren bir gövde. Gövde, gövdeyi çerçeveler içinde tutmak için BODY öğesi veya FRAMESET öğesi tarafından uygulanabilir.
Her bölümün başında veya sonunda beyaz boşluklar, yeni satırlar, sekmeler ve yorumlar olabilir. Basit bir HTML belgesi örneği aşağıda gösterildiği gibidir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Understanding HTML File Format</TITLE>
</HEAD>
<BODY>
<P>Hello World!
</BODY>
</HTML>
Versiyon bilgisi
İlk kod satırı, , belge türü bildirimi olarak adlandırılır ve tarayıcıya sayfanın hangi HTML sürümünün yazıldığını söyler. HTML sürümüne bağlı olarak, belge için kullanılan belge türü tanımını (DTD) adlandıran bir dizi farklı belge türü bildirimi vardır. Her DTD, desteklediği öğeler açısından diğerinden farklıdır ve aşağıdaki gibi farklılık gösterir:
- HTML 4.01 Strict – kullanımdan kaldırılmamış veya çerçeve kümesi belgelerinde görünmeyen tüm öğeleri ve nitelikleri içerir
- HTML 4.01 Transitional – katı DTD’deki her şeyi artı kullanımdan kaldırılmış öğeleri ve nitelikleri içerir (çoğu görsel sunumla ilgilidir)
- HTML 4.01 Çerçeve Kümesi – geçiş DTD artı çerçevelerdeki her şeyi içerir
HTML5 için sürüm bilgisi basitçe aşağıda belirtildiği gibidir.
<!DOCTYPE html>
Başlık Bilgileri
Bir HTML belgesinin başlığı, tarayıcı tarafından oluşturulmayan bir dizi HTML öğesi içerebilir. Bu tür öğeler, sayfa hakkındaki bilgileri açıklayan meta verilerdir veya CSS stil sayfaları veya JavaScript dosyaları gibi harici kaynaklardan bilgi almak için kullanılan bölümleri içerir. Bir sayfanın başlığı \ ile gösterilir. etiketi ve \ ile biter etiket.
Vücut Bilgileri
Bu, dosyanın tarayıcılar tarafından oluşturulan tüm içeriğini içeren ana bölümdür. Html gövdesi, etiketler şeklinde çeşitli yapı taşlarına atıfta bulunabilen işaretlemeler içerebilir. Metin, resimler, renkler, grafikler vb. gibi birkaç farklı türde bilgi içerebilir. Ayrıca, ses ve video öğeleri de tarayıcılar tarafından işlenmek üzere html gövdesine gömülebilir. Görsel sunum için modern stil sayfaları uygulamasının varlığında, BODY’nin arka plan rengi, bağlantı rengi, metin rengi vb. sunum nitelikleri kullanımdan kaldırılmıştır. Böylece, aşağıda gösterilen stil sayfaları kullanılarak aynı efektler elde edilebilir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Inline Style Sheets referencing</TITLE>
<STYLE type#"text/css">
BODY { background: white; color: black}
A:link { color: red }
A:visited { color: maroon }
A:active { color: fuchsia }
</STYLE>
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
Satır içi stil sayfalarının yerleştirilmesi kolaydır ve görsel efektlere hızlı uygulamalar için, harici stil sayfalarını bir kez dağıtmayı ve birçok yerden erişmeyi daha kolay hale getirir.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Linking to External style sheets</TITLE>
<LINK rel#"stylesheet" type#"text/css" href#"smartstyle.css">
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
HTML Öğeleri
Daha önce belirtildiği gibi, HTML Gövdesi içindeki içerikler, Html Öğeleri olarak da bilinen etiketlerle temsil edilir. Her etiket, şu şekilde yazılan nitelikler biçiminde ek bilgilere sahip olabilir:
<tag attribute1#"value1" attribute2#"value2">
ancak her etikette niteliklere sahip olmak gerekli değildir. Özniteliklerden bahsedilmezse, her durumda varsayılan değerler kullanılır. Element örneklerinden bazıları aşağıda verilmiştir:
Başlık
<head>
<title>The Title</title>
</head>
Başlıklar
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>
Paragraflar
<p>Paragraph 1</p> <p>Paragraph 2</p>