Temel HTML Sayfa Yapısı
Artık bir HTML elementinin ne olduğunu ve elementler nasıl iç içe geçiyor biliyoruz. Şimdi öğrendiğimiz bu bilgiyi kullanarak her web sayfasında mutlaka olması gereken temel kod iskeletini inceleyelim.
<!DOCTYPE html>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>Başlık</h1>
<p>Paragraf içeriği.</p>
</body>
</html>
Bu iskeletin parçalarını tek tek inceleyerek, ne işe yaradıklarını anlayalım:
<!DOCTYPE html>: Bu bir element değil, özel bir bildirimdir. Tarayıcıya "Bu belge modern bir HTML5 sayfasıdır" der. Sayfanın en başına, bir kere yazılır.<html>: Bu, her şeyin içinde ker aldığı kök elementtir. Binamızın temelinden çatısına kadar her şeyi kapsayan ana iskeletidir. <!DOCTYPE html> bildirimi hariç diğer tüm elementler bu <html> elementi içerisinde yer almaktadır.<head>: Burası web sayfasının beyin bölümüdür diyebiliriz. Kullanıcının doğrudan ekranda görmediği ama sayfanın doğru bir şekilde çalışması için kritik olan bilgileri içerir.<title>: Tarayıcı sekmesinde görünen sayfa başlığını belirler. Google arama sonuçlarında görünen başlık da budur.<body>: Burası web sayfasının gövde bölümüdür. Kullanıcının ekranda gördüğü başlıklar, paragraflar gibi tüm görünür içerik bu elementin içinde yer alır.
