Alternative for frames in html5 using iframes

Question

I am new to HTML5 and I have done some research and found out that the use of  lt frameset gt  is outdated and from what I read  lt iframes gt  are not  So can someone help me  I want to obtain the same result as the example shown but while using  lt iframes gt  or another substitute for  lt frameset gt  that is not deprecated in HTLM5    lt frameset cols  20      gt       lt frame src  menu html  gt       lt frame src  events html  gt   lt  frameset gt

User · Answer

HTML 5 does support iframes  There were a few interesting attributes added like  sandbox  and  srcdoc    http   www w3schools com html5 tag iframe asp  or you can use    lt object data  framed html  type  text html  gt  lt p gt This is the fallback code  lt  p gt  lt  object gt

User · Answer

Frames have been deprecated because they caused trouble for url navigation and hyperlinking  because the url would just take to you the index page  with the frameset  and there was no way to specify what was in each of the frame windows  Today  webpages are often generated by server-side technologies such as PHP  ASP NET  Ruby etc  So instead of using frames  pages can simply be generated by merging a template with content like this   Template File    lt html gt   lt head gt   lt title gt  insert script variable for title  lt  title gt   lt  head gt    lt body gt     lt div class  menu  gt      menu items inserted here by server-side scripting     lt  div gt     lt div class  main-content  gt      main content inserted here by server-side scripting     lt  div gt   lt  body gt   lt  html gt    If you don t have full support for a server-side scripting language  you could also use server-side includes  SSI   This will allow you to do the same thing--i e  generate a single web page from multiple source documents   But if you really just want to have a section of your webpage be a separate  window  into which you can load other webpages that are not necessarily located on your own server  you will have to use an iframe   You could emulate your example like this   Frames Example    lt html gt   lt head gt     lt title gt Frames Test lt  title gt     lt style gt      menu         float left        width 20         height 80              mainContent         float left        width 75         height 80            lt  style gt   lt  head gt   lt body gt     lt iframe class  menu  src  menu html  gt  lt  iframe gt     lt iframe class  mainContent  src  events html  gt  lt  iframe gt   lt  body gt   lt  html gt    There are probably better ways to achieve the layout  I ve used the CSS float attribute  but you could use tables or other methods as well

User · Answer

While I agree with everyone else  if you are dead set on using frames anyway  you can just do index html in XHTML and then do the contents of the frames in HTML5

[jquery] Alternative for frames in html5 using iframes

Examples related to jquery

Examples related to html

Examples related to iframe

Examples related to frameset