Tengo un sitio con algunas páginas diferentes, principalmente uso javascript
¿Cómo puedo cargar el contenido de 1 a varias páginas .html dentro de mi sitio?
esto es algo de contenido
<head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <meta name="description" content="Web3 tutorials"> <meta name="keywords" content="Blockchain, Web3"> <script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script> <script src="https://unpkg.com/moralis-v1@1.11.0/dist/moralis.js"></script> <!-- Latest compiled and minified CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="style/alltoken.css" rel="stylesheet"> <!-- Latest compiled JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> </head>¿Cómo puedo reutilizar el contenido en diferentes páginas html sin copiarlo una y otra vez en cada página html?
Hola, un droide (buen nombre). Suponiendo que tiene un sitio web regular. La forma más rápida de hacer esto es cambiar el tipo de documento de .HTML a .PHP
a continuación, crea un nuevo documento PHP llamado " lo que sea que quieras.php " ( obviamente puedes cambiar este nombre de archivo lol ) y en él, coloca el código que deseas copiar a otras páginas. A continuación, vaya a esas páginas y elimine el código duplicado y agregue
<?PHP include("whatever-you-want.php"); ?>Tenga en cuenta: no tenga miedo de la extensión "PHP" o el cambio de nombre de archivo. Todavía generará su código de la misma manera que HTML.
Esto ahora transferirá ese conjunto de códigos en ese archivo y lo importará a las páginas a las que agregue ese "incluir".
última nota Hay otras formas dependiendo de lo que estés usando, pero esta es probablemente la forma más rápida y menos dolorosa de hacerlo.
Buena suerte.
Sin tecnología del lado del servidor como PHP, tiene algunas opciones. Debería poder usar la etiqueta HTML <object> :
<head> <!-- Page-specific tags like title --> <object type="text/html" data="headerContent.html"></object> </head> Donde headerContent.html incluye las etiquetas HTML que le gustaría incluir en su cabeza. También podría incluir JavaScript que inserta el HTML:
document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeend", yourHTMLString); Donde yourHTMLString es una cadena literal que contiene las etiquetas HTML que le gustaría incluir en su cabeza.