HTML <FRAME> etiketi, FRAMESET etiketi içinde kullanılarak tek bir çerçeve (frame) oluşturulmasını sağlar. Oluşturulan bu çerçeve ile belirtilen bir adresteki sayfanın gösterilmesi sağlanır. Ayrıca FRAME etiketinin name özelliğine atanan ismin bir A etiketinin target özelliğinde kullanılmasıyla A etiketinin hedef bağlantısının ilgili çerçeve içinde açılması sağlanabilir.
HTML Sözdizimi ve Özellikler
| <FRAME |
|---|
| id= | Eşsiz kimliğini belirtir. |
| class= | Sınıf adını belirtir. |
| style= | CSS kuralları tanımlar. |
| title= | Kısa bilgi belirtir. |
| longdesc= | Çerçeve hakkında bilgi içeren bir URL adresi belirtir. |
| name= | Çerçevenin ismini belirtir. |
| src= | Çerçeve içinde gösterilecek URL adresini belirtir. |
| frameborder= | Bitişik çerçeveler ile arasında kenarlık olup-olmayacağını belirtir. |
| marginwidth= | Çerçeve içi sol ve sağ dolgu (marj) genişliğini belirtir. |
| marginheight= | Çerçeve içi üst ve alt dolgu (marj) genişliğini belirtir. |
| scrolling= | Kaydırma çubuklarının olup-olmayacağını belirtir. |
| /> |
|---|
Örnek
Aşağıdaki örnek, bir FRAMESET etiketi içinde, FRAME etiketleri ile oluşturulan iki çerçeveye "menu" ve "icerik" isimlerinin verilmesini göstermektedir. Çerçevelerin birinin içinde açılan "cercevemenu.html" dosyasının içinde tanımlanan iki farklı linkin target özelliklerinde "icerik" ismi kullanılarak bağlantıların "icerik" isimli çerçevede açılması sağlanır.
cerceveAna.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Çerçeve Link Örneği</title>
</head>
<frameset cols="200, *">
<frame name="menu" src="cerceveMenu.html" />
<frame name="icerik" src="cerceve1.html" />
</frameset>
</html>
cerceveMenu.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frame Deneme Frame-Menu</title>
</head>
<body>
<h1>Menü</h1>
<ul>
<li><a target="icerik" href="cerceve1.html">İçerik 1</a></li>
<li><a target="icerik" href="cerceve2.html">İçerik 2</a></li>
</ul>
</body>
</html>
cerceve1.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frame Deneme Frame-1</title>
</head>
<body>
<h1>Frame-1 Başlığı</h1>
<p>Frame-1 içeriği</p>
</body>
</html>
cerceve2.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Frame Deneme Frame-2</title>
</head>
<body>
<h1>Frame-2 Başlığı</h1>
<p>Frame-2 içeriği</p>
</body>
</html>
Test Edin