Alternatif untuk frame dalam html5 menggunakan iframe

Saya baru mengenal HTML5 dan saya telah melakukan beberapa penelitian dan menemukan bahwa penggunaan &<frameset> sudah ketinggalan jaman dan dari apa yang saya baca <iframes> tidak. Jadi, dapatkah seseorang membantu saya, saya ingin mendapatkan hasil yang sama seperti contoh yang ditunjukkan tetapi menggunakan &<iframes> atau pengganti lain untuk <frameset> yang tidak usang di HTLM5?

<frameset cols="20%,*,">
    <frame src="menu.html">
    <frame src="events.html">
</frameset> 

Frame sudah tidak digunakan lagi karena menyebabkan masalah untuk navigasi url dan hyperlink, karena url hanya akan membawa Anda ke halaman indeks (dengan frameset) dan tidak ada cara untuk menentukan apa yang ada di setiap jendela frame. Saat ini, halaman web sering dihasilkan oleh teknologi sisi server seperti PHP, ASP.NET, Ruby dll. Jadi, alih-alih menggunakan frame, halaman dapat dihasilkan dengan menggabungkan template dengan konten seperti ini:

File Templat



{insert script variable for title}



  <div class="menu">
   {menu items inserted here by server-side scripting}
  </div>
  <div class="main-content">
   {main content inserted here by server-side scripting}
  </div>

Jika Anda tidak memiliki dukungan penuh untuk bahasa skrip sisi server, Anda juga dapat menggunakan server-side includes (SSI). Ini akan memungkinkan Anda untuk melakukan hal yang sama - yaitu menghasilkan satu halaman web dari beberapa dokumen sumber.

Tetapi jika Anda benar-benar hanya ingin memiliki bagian dari halaman web Anda menjadi "window" yang terpisah di mana Anda dapat memuat halaman web lain yang belum tentu terletak di server Anda sendiri, Anda harus menggunakan iframe.

Anda bisa meniru contoh Anda seperti ini:

Frames Contoh



  Frames Test

   .menu {
      float:left;
      width:20%;
      height:80%;
    }
    .mainContent {
      float:left;
      width:75%;
      height:80%;
    }






Mungkin ada cara yang lebih baik untuk mencapai tata letak. Saya telah menggunakan atribut CSS float, tetapi Anda juga dapat menggunakan tabel atau metode lain.

Komentar (0)

Meskipun saya setuju dengan orang lain, jika Anda tetap menggunakan frame, Anda bisa melakukan index.html dalam XHTML dan kemudian melakukan isi frame dalam HTML5.

Komentar (0)

HTML 5 memang mendukung iframe. Ada beberapa atribut menarik yang ditambahkan seperti "sandbox" dan "srcdoc".

http://www.w3schools.com/html5/tag_iframe.asp

atau Anda dapat menggunakan

<p>This is the fallback code!</p>
Komentar (1)