Usar HTML inclúe pode simplificar moito a xestión do seu sitio
Vai a calquera sitio e navega de páxina en páxina e pronto se dará conta de que, aínda que cada unha destas páxinas pode ser diferente de moitas maneiras, tamén son bastante similares noutras. Case todos os sitios web inclúen elementos do deseño que se repiten en todas as páxinas do sitio. Algúns exemplos de elementos do sitio que se atoparían en cada páxina serían a área de cabeceira onde reside o logotipo, a navegación ea área de pé de páxina.
Os elementos repetidos nun sitio permiten a coherencia na experiencia do usuario. Un visitante non ten que localizar a navegación en todas as páxinas porque unha vez que a atoparon, saben onde estarán noutras páxinas do sitio que visitan.
Como inclúe facer deseño web máis eficiente
Como alguén encargado de administrar un sitio web, estas áreas repetidas ofrecen un desafío. E se ten que facer un cambio para algo nesa área? Por exemplo, se o teu pé de páxina (que está en todas as páxinas do sitio) inclúe unha declaración de dereitos de autor con un ano, que acontece cando cambia ese ano e necesitas editar a data? Xa que esa sección está en todas as páxinas, agora ten que editar cada páxina do seu sitio individualmente para facer ese cambio - ou non?
O contido inclúe pode eliminar a necesidade de ter que editar cada páxina do seu sitio para este contido repetido. En vez diso, só tes que editar un ficheiro e todo o sitio e cada páxina recibe a actualización.
Vexamos algunhas formas en que pode engadir esta funcionalidade ao seu sitio e incluír un arquivo HTML noutros.
Contido repetido nos sistemas de xestión de contidos
Se o seu sitio usa un CMS , probablemente utilice certos modelos ou temas que formen parte dese software. Mesmo se personaliza construír estes modelos desde cero, o sitio aínda aproveita este marco para as páxinas.
Polo tanto, estes modelos CMS conteñen as áreas do sitio que se repiten en cada páxina. Simplemente ingresa ao backend do CMS e edita os modelos necesarios. Todas as páxinas do sitio que usan ese modelo serán actualizadas.
Aínda que non teña un sistema de xestión de contido para o teu sitio, aínda podes aproveitar os ficheiros incluídos. En HTML, inclúense que poden axudar a mellorar a xestión destas áreas templadas do teu sitio.
¿Que inclúen HTML?
Unha inclusión é unha sección de HTML que non é un documento HTML completo por si mesmo. No seu canto, é unha porción doutra páxina que pode ser inserida nunha programación completa de páxinas web. A maioría dos ficheiros incluídos son os elementos anteriormente mencionados que se repiten en varias páxinas dun sitio web. Por exemplo:
- Navegación
- Información sobre dereitos de autor
- Áreas de cabeceira
- Áreas de pés
Hai vantaxe de ter estas áreas repetidas incluídas nas páxinas. Desafortunadamente, o proceso de inserción dun ficheiro non é algo que só pode ocorrer con HTML, polo que necesitará algún tipo de programa ou script que engadirá os seus ficheiros de inclusión nas súas páxinas web.
Usando o lado do servidor inclúe
Side Side Server, tamén coñecido como SSI, desenvolveuse por primeira vez para permitir aos desenvolvedores web "incluír" documentos HTML dentro doutras páxinas.
Basicamente, un fragmento que se atopa nun documento inclúese noutro cando a páxina se executa no servidor e envíase ao navegador web.
SSI está incluído na maioría dos servidores web, pero pode que teña que activalo para que funcione. Se non sabe se o servidor admite SSI, contacte co seu provedor de hospedaxe .
Aquí tes un exemplo de como pode usar SSI para incluír un fragmento de HTML en todas as súas páxinas web:
- Garda o HTML para os elementos comúns do teu sitio como ficheiros separados. Por exemplo, a súa sección de navegación pode ser gardada como navigation.html ou navigation.ssi .
- Use o seguinte código SSI para incluír o código do documento HTML en cada páxina ( substituíndo a ruta e o nome do ficheiro entre as comiñas ). {C}
- Engade este código a cada páxina que queiras incluír o ficheiro.
Empregando PHP Inclúe
PHP é un idioma de script de nivel de servidor. Pode facer unha serie de cousas, pero un uso común é incluír documentos HTML dentro das súas páxinas, do mesmo xeito que só cubrimos cun SSI.
Do mesmo xeito que SSI, PHP é unha tecnoloxía de nivel de servidor. Se non está seguro de se ten a función PHP no seu sitio web, contacte co seu proveedor de hospedaxe.
Aquí tes un sinxelo script PHP que podes usar para incluír un fragmento de HTML en calquera páxina web con PHP:
- Garda o HTML para os elementos comúns do teu sitio, como a navegación, para separar os ficheiros. Por exemplo, a súa sección de navegación pode ser gardada como navigation.html ou navigation.ssi .
- Use o seguinte código PHP para incluír ese HTML en cada páxina ( substituíndo a ruta e o nome do ficheiro entre as comiñas ). navegación.php ");?>
- Agregue este mesmo código en cada páxina que queira incluír o ficheiro.
Inclúe JavaScript
JavaScript é outra forma de incluír HTML nas páxinas do teu sitio. Isto ten a vantaxe de non esixir programación a nivel do servidor, pero é un pouco máis complicado e, obviamente, funciona para un navegador que permite JavaScript, o que a maioría fan a menos que o usuario decida deshabilitalo.
Aquí podes incluír un fragmento de HTML usando JavaScript :
- Garda o HTML para os elementos comúns do teu sitio a un ficheiro de JavaScript. Calquera HTML escrito neste ficheiro debe ser impreso na pantalla coa función document.write.
- Cargue ese ficheiro no seu sitio web.
- Use un elemento