HTML <frame> Etiketi
HTML <frame> etiketi <frameset> etiketi ile birlikte kullanılır ve bir çerçeve tanımlar. <frameset> etiketinin içerisinde bulunan her <frame> etiketi farklı özelliktedir. Kenarlıklar, scroll vb. tarzı.
Çerçevelere sahip olan bir belgeniz varsa ve doğrulanmasını istiyorsanız kullandığınız <!DOCTYPE> bildiriminin “HTML Frameset DTD” ve “XHTML Frameset DTD” olduğundan emin olmalısınız.
HTML <frame> etiketi HTML 5’te desteklenmemektedir.
Söz dizimi:
< frame src = "Baglanti(URL)" >
Özellikleri:
Görüntüleme |
Etiketi Başlat/ Etiketi Bitir |
Kullanımı |
Blok |
Hem Başlangıç Hem Bitiş |
Çerçeve |
Örnek:
<!DOCTYPE html>
<html>
<head>
<title>Frame Etiketi</title>
</head>
<frameset cols="30%,50%,20%"> // %100 olmalı
<frame src="baglanti1.html">
<frame src="baglanti2.html">
<frame src="baglanti3.html">
</frameset>
</html>
Yukarıda “baglanti1.html” , “baglanti2.html” ve “baglanti3.html” dökümanlarını frame etiketi kullanarak çağırdık. Şimdi de bu dökümanlar içerisinde yer alan kodlara bir bakalım:
baglanti1.html
<!DOCTYPE html>
<html>
<head>
<style>
div{
background-color: #b7301b;
height: 300px;
}
</style>
</head>
<body>
<div>
<h2>Birinci Frame</h2>
</div>
</body>
</html>
baglanti2.html
<!DOCTYPE html>
<html>
<head>
<style>
div{
background-color: #2b18b4;
height: 400px;
}
</style>
</head>
<body>
<div>
<h2>İkinci Frame</h2>
</div>
</body>
</html>
baglanti3.html
<!DOCTYPE html>
<html>
<head>
<style>
div{
background-color: #53d81e;
height: 500px;
}
</style>
</head>
<body>
<div>
<h2>Üçüncü Frame</h2>
</div>
</body>
</html>
Özel Kullanımları:
Özellik |
Değer |
Açıklama |
frameborder |
|
Çerçevenin etrafında kenarlık olup olmayacağını belirtir. |
longdsec |
URL |
Çerçeve içeriğinin uzun bir açıklamasını veren bir sayfa tanımlar. |
marginheight |
pixels |
Çerçevenin üst ve alt kenar boşluklarını tanımlar. |
marginwidth |
pixels |
KAreler arasındaki marjın yüksekliğini tanımlar. |
name |
text |
Çerçeveye isim atamak için kullanılır. |
noresize |
noresize |
Çerçevenin kullanıcı tarafındna yeniden boyutlandırılmasını engeller. |
scrolling |
|
Kaydırma çubuğu belirtir. |
src |
URL |
Görüntülemek istediğiniz belgenin yolunu belirtir. |
Tarayıcı Desteği:
