HTML Çerçeveler

Çerçeveleri kullanarak, aynı tarayıcı penceresinde birden fazla sayfa gösterebilirsiniz.

Örnek

Dikey çerçeve
Bu örnekte, üç farklı belge kullanarak nasıl bir dikey çerçeve yapılabileceğini gösteriyoruz.
Yatay çerçeve
Bu örnekte, üç farklı belge kullanarak nasıl bir yatay çerçeve yapılabileceğini gösteriyoruz.

（Daha fazla örnek, bu sayfanın altında bulunabilir）。

Çerçeve

Çerçeveleri kullanarak, aynı tarayıcı penceresinde birden fazla sayfa gösterebilirsiniz. Her HTML belgesi bir çerçeve olarak adlandırılır ve her çerçeve diğer çerçevelerden bağımsızdır.

Çerçevelerin kullanılmasının kötü yönleri:

  • Geliştiriciler birden fazla HTML belgesini aynı anda takip etmek zorunda kalabilir
  • Tüm sayfanın tamamen yazdırılması zor olabilir
Çerçeve yapısı etiketi (<frameset>)
  • Çerçeve yapısı etiketi (<frameset>) pencerenin nasıl çerçevelere bölüneceğini tanımlar
  • Her frameset, bir dizi satır tanımlarveyaSütun
  • rows/columns değerleri, her satır veya sütunun ekran alanını kapladığını belirtir

Yazar notu:frameset etiketi de bazı makaleler ve kitaplarda çerçeve seti olarak çevrilmektedir.

Çerçeve etiketi (Frame)

Frame etiketi, her çerçeve içinde yerleştirilen HTML belgesini tanımlar.

Aşağıdaki örnekte, iki sütunlu bir çerçeve seti ayarladık. İlk sütun tarayıcı penceresinin %25'ini kaplar. İkinci sütun tarayıcı penceresinin %75'ini kaplar. HTML belgesi "frame_a.htm" ilk sütunda, HTML belgesi "frame_b.htm" ise ikinci sütunda yerleştirilmiştir:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Temel dikkat edilmesi gerekenler - faydalı ipuçları:

Eğer bir çerçeve görülebilir çerçeve varsa, kullanıcı çerçeveyi sürükleyerek onun boyutunu değiştirebilir. Bu durumu önlemek için <frame> etiketine: noresize="noresize" ekleyebilirsiniz.

Çerçeveleri desteklemeyen tarayıcılar için <noframes> etiketi ekleyin.

Önemli Uyarı:<body></body> etiketleri ile <frameset></frameset> etiketleri aynı anda kullanılamaz! Ancak, bir <noframes> etiketi eklemek zorunda olduğunuzda, bu metni <body></body> etiketleri içine yerleştirmelisiniz. (Aşağıdaki ilk örnekte bunun nasıl yapıldığını görebilirsiniz.)

Daha Fazla Örnek

<noframes> etiketinin nasıl kullanılacağı
Bu örnek, <noframes> etiketinin nasıl kullanılacağını gösterir.
Karışık Çerçeve Yapısı
Bu örnek, üç belge içeren bir çerçeve yapısını nasıl oluşturulacağını ve bunları satır ve sütunlar içinde karıştırarak nasıl yerleştirileceğini gösterir.
noresize="noresize" özelliğine sahip çerçeve yapısı
Bu örnek, noresize özelliğini gösterir. Bu örnekte, çerçeve boyutlandırılamaz. Çerçeve arasındaki çerçevelerin kenarlarında fareyi sürüklediğinizde, kenarların hareket ettirilemediğini fark edeceksiniz.
Navigasyon Çerçevesi
Bu örnek, nasıl navigasyon çerçevesi oluşturulacağını gösterir. Navigasyon çerçevesi, ikinci çerçeveyi hedef olarak içeren bir bağlantı listesi içerir. "contents.htm" adlı dosya, üç bağlantı içerir.
Yer İçi Çerçeve
Bu örnek, yer内 çerçevelerin (HTML sayfasındaki çerçeveler) nasıl oluşturulacağını gösterir.
Çerçeve içinde belirli bir bölüme geçme
Bu örnek, bir çerçeveye ve diğer bir dosya içinde belirtilen bölüme yönlendirici bağlantılar içeren iki çerçeve gösterir. Bu "link.htm" dosyasında belirtilen bölümler, <a name="C10"> ile işaretlenmiştir.
Belirtilen bölüme geçmek için çerçeve navigasyonunu kullanma
Bu örnek, iki çerçeve gösterir. Sol navigasyon çerçevesi, ikinci çerçeveyi hedef olarak içeren bir bağlantı listesi içerir. İkinci çerçeve, bağlantıya geçirilen belgeyi gösterir. Navigasyon çerçevesindeki bağlantılar, hedef dosyada belirtilen bölümlere yönlendirir.