Hola estoy realizando una pagina web con PHP, pero quisiera saber como puedo embeber otra pagina HTML dentro de mi página; es decir: tengo este menú guardado en otro HTML:
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
Para evitar colocarlo en todos mis archivos quisiera importarlo, pero no se como. ¿Alguien me puede ayudar?, si quisiera hacerle referencia en:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/bootstrap.css">
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<object type="text/html" data="/nav/navbar.html">
<p>backup content</p>
</object>
</body>
</html>
Pero no carga.....
object
funciona de manera similar aiframe
. De hecho,object
es mejor para algunas cosas (y más moderno ya que fue incluído en HTML5), permitiendo embeber no solo código HTML si no también, flash, imágenes, etc. El error de Daniel creo se debe a rutas. En valor que se le pasa al atributodata
debe ser una ruta relativa. Ten en cuenta que,/nav
puede estar refiriéndose como/www/nav
en lugar de/www/aplicacion/nav
.