Soy nuevo en HTML5 y he investigado un poco y he descubierto que el uso de <frameset>
está obsoleto y por lo que he leído <iframes>
no. Así que alguien me puede ayudar, quiero obtener el mismo resultado que el ejemplo mostrado pero utilizando <iframes>
u otro sustituto de <frameset>
que no esté obsoleto en HTLM5?
<frameset cols="20%,*,">
<frame src="menu.html">
<frame src="events.html">
</frameset>
Los marcos han quedado obsoletos porque causaban problemas de navegación e hiperenlaces, ya que la url sólo llevaba a la página índice (con el conjunto de marcos) y no había forma de especificar qué había en cada una de las ventanas de los marcos. Hoy en día, las páginas web suelen generarse mediante tecnologías del lado del servidor, como PHP, ASP.NET, Ruby, etc. Así que en lugar de utilizar marcos, las páginas pueden ser simplemente generadas mediante la fusión de una plantilla con el contenido de esta manera:
Archivo de plantilla
<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>
Si no dispone de soporte completo para un lenguaje de scripting del lado del servidor, también puede utilizar server-side includes (SSI). Esto le permitirá hacer lo mismo, es decir, generar una única página web a partir de varios documentos fuente.
Pero si lo que realmente quieres es que una sección de tu página web sea una "ventana" separada en la que puedas cargar otras páginas web que no estén necesariamente ubicadas en tu propio servidor, tendrás que utilizar un iframe.
Podrías emular tu ejemplo así:
Ejemplo de iframe
<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>
Probablemente hay mejores maneras de lograr el diseño. He utilizado el atributo CSS float, pero también podría utilizar tablas u otros métodos.
HTML 5 admite iframes. Se han añadido algunos atributos interesantes como "sandbox" y "srcdoc".
http://www.w3schools.com/html5/tag_iframe.asp
o puede utilizar
<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object>