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