jquery - para - marcos en html bloc de notas
Alternativa para marcos en html5 usando iframes (3)
Soy nuevo en HTML5 y he realizado algunas investigaciones y descubrí que el uso de <frameset> está desactualizado y de lo que leo <iframes> no. Entonces, ¿alguien me puede ayudar, quiero obtener el mismo resultado que el ejemplo que se muestra pero al usar <iframes> u otro sustituto de <frameset> que no está en desuso en HTLM5?
<frameset cols="20%,*,">
<frame src="menu.html">
<frame src="events.html">
</frameset>
HTML 5 admite iframes. Hubo algunos atributos interesantes agregados como "sandbox" y "srcdoc".
http://www.w3schools.com/html5/tag_iframe.asp
o puedes usar
<object data="framed.html" type="text/html"><p>This is the fallback code!</p></object>
Los marcos han quedado obsoletos porque causaron problemas para la navegación en la url y los hipervínculos, porque la url solo llevaría la página de índice (con el conjunto de marcos) y no habría forma de especificar lo que había en cada una de las ventanas de marcos. Hoy en día, las páginas web a menudo se generan mediante tecnologías del lado del servidor, como PHP, ASP.NET, Ruby, etc. Por lo tanto, en lugar de utilizar marcos, las páginas se pueden generar simplemente fusionando una plantilla con contenido como este:
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 tiene soporte completo para un lenguaje de scripting del lado del servidor, también puede usar includes-side includes ( SSI ). Esto le permitirá hacer lo mismo, es decir, generar una sola página web a partir de múltiples documentos fuente.
Pero si realmente quiere que una sección de su página web sea una "ventana" separada en la que puede cargar otras páginas web que no están necesariamente ubicadas en su propio servidor, tendrá que usar un iframe .
Podrías emular tu ejemplo así:
Ejemplo de marcos
<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 haya mejores formas de lograr el diseño. He usado el atributo float CSS, pero también puedes usar tablas u otros métodos.
Si bien estoy de acuerdo con todos los demás, si aún no está seguro de utilizar marcos, puede hacer index.html en XHTML y luego hacer los contenidos de los marcos en HTML5.