tag - Página maestra en HTML
title label html (5)
Bueno, solo como una solución fea, pruebe las etiquetas <iframe> . Cargan páginas remotas en su sitio web, por lo que podría definir una "plantilla maestra" como esta:
...
<body>
<div id="content">
<iframe src="content1.html"></iframe>
...
Ahora, dentro de content1.html , puedes escribir el contenido sin el diseño principal.
¿Hay alguna forma de crear una idea similar como página maestra / contenido en ASP.NET en HTML puro?
Quiero crear varias páginas en HTML, pero quiero que todas se vean igual con algunos contenidos diferentes. ¿Hay alguna forma de hacer esto sin crear varias páginas que sean muy similares entre sí?
La forma más sencilla de hacerlo es usar el lado del servidor o SSI. Sin embargo, más fácil y, probablemente, una solución mucho mejor sería el uso de PHP con includes . De esta manera, siempre tendrá funcionalidad PHP adicional, entonces la necesitará. Pero ambas soluciones requieren un servidor que preprocesará las páginas. Si desea una colección de páginas, digamos, en un disco duro local, entonces solo la solución que sé es la etiqueta iframe propuesta.
Puedes usar iframe . Eso sería puramente HTML.
Resolví con una aplicación de formulario c # de terceros.
Encabezado y pie de página diferente de la clave de inserción a todas las demás páginas. (### pie de página ###) Reemplace los contenidos de los archivos con la aplicación de formulario.
footer.html
<h2>this place is footer.</h2>
default.html
<h1>Default page</h1>
bla bla bla
###footer###
Resultado default.html
<h1>Default page</h1>
bla bla bla
<h2>this place is footer.</h2>
Código fuente a continuación
List list = new List();
private void sourceBtn_Click(object sender, EventArgs e)
{
DialogResult result = openFileDialog1.ShowDialog(this);
if (result == DialogResult.OK)
{
sourceTxt.Text = openFileDialog1.FileName;
}
}
private void fileListSelect_Click(object sender, EventArgs e)
{
var result = openFileDialog2.ShowDialog(this);
if (result == DialogResult.OK)
{
fileList.Items.AddRange(openFileDialog2.FileNames);
}
}
private void addSourceBtn_Click(object sender, EventArgs e)
{
list.Add(new sourceKey() { filename = sourceTxt.Text, key = keyTxt.Text });
sourceTxt.Clear();
keyTxt.Clear();
sourceTxt.Focus();
sourceList.DataSource = null;
sourceList.DataSource = list;
}
private void ConvertBtn_Click(object sender, EventArgs e)
{
foreach (var filename in fileList.Items)
{
string text = File.ReadAllText(filename.ToString());
foreach (var item in sourceList.DataSource as List)
{
text = text.Replace(item.key, File.ReadAllText(item.filename));
}
File.WriteAllText(filename.ToString(), text);
}
infoLabel.Text = "Done";
}
//wait until the dom is loaded
$(document).ready(function () {
//adds menu.html content into any "#menu" element
$(''#menu'').load(''menu.html'');
});
En referencia a algunas de las otras respuestas, los marcos deben usarse con cuidado y con moderación. http://rev.iew.me/help-moving-from-iframes
http://fsvieira.com/2013/06/11/iframes-bad-for-a-website/
Pregunta duplicada aquí con respuesta: ¿Cómo crear una página maestra usando HTML?