de-vraag
Lebih
Question

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>
aremvee
aremvee
Pertanyaan edit 31 Januari 2016 в 1:31
Pemrograman
iframe
html5
jquery
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

<html>
<head>
<title>{insert script variable for title}</title>
</head>

<body>
  <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>
</body>
</html>

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

<html>
<head>
  <title>Frames Test</title>
  <style>
   .menu {
      float:left;
      width:20%;
      height:80%;
    }
    .mainContent {
      float:left;
      width:75%;
      height:80%;
    }
  </style>
</head>
<body>
  <iframe class="menu" src="menu.html"></iframe>
  <iframe class="mainContent" src="events.html"></iframe>
</body>
</html>

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.

M J
M J
Jawaban edit 12 Januari 2015 в 11:12
29

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.

6

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

<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object>
4
Related communities 5
HTML dan CSS Indonesia
4 094 pengguna
Silahkan bertanya terkait mengenai HTML maupun CSS. Membaca, menulis, berbagi. Baca dahulu pesan tersemat di pinned post.
jQuery Indonesia
343 pengguna
Learning jQuery & Solve Problem
Pemrograman Web Indonesia (HTML CSS Javascript PHP MySQL)
306 pengguna
Official Website : www.pemweb.id Belajar Pemrograman Web (HTML CSS Javascript PHP MySQL) Grup Belajar Pemrograman Web. HTML + PHP + Javascript + MySQL DB Semoga menjadi forum belajar, menambah wawasan, peningkatan mutu personal kita semua.
HTML INDONESIA
109 pengguna
PHP HTML Indonesia
59 pengguna
~ Menerima Jasa Pembuatan Website untuk : Tugas & Instansi 💻 ~ Forum Diskusi Belajar Bersama ✅ ~ Promosi Jasa Minimal 1x Sehari ✅ ~ Dilarang Berbicara Kotor 🚫 ^ Other Grup : Whatsapp Group : Chat Admin untuk masuk ke Grup Whatsapp ^^