Hoe het ene HTML-bestand in het andere op te nemen

Dit artikel legt uit hoe "Includes" werkt en biedt stappen voor het gebruik van Server Side Inclusief, PHP Inclusief en JavaScript Inclusief.

Server Side Inclusief gebruiken

Server Side Inclusief is voor het eerst ontwikkeld om webontwikkelaars in staat te stellen HTML-documenten op te nemen in andere pagina's. Kortom, een fragment dat in het ene document wordt gevonden, wordt in een ander document opgenomen wanneer de pagina op de server wordt uitgevoerd en naar de webbrowser wordt verzonden.

SSI is opgenomen in de meeste webservers, maar het kan zijn dat u het moet inschakelen om het te laten werken. Als u niet weet of uw server SSI ondersteunt, neem dan contact op met uw hostingprovider.

Hier is een voorbeeld van hoe u SSI kunt gebruiken om een ​​HTML-fragment op te nemen in al uw webpagina's:

1. Bewaar de HTML voor de gemeenschappelijke elementen van uw site als aparte bestanden. Uw navigatiegedeelte kan bijvoorbeeld worden opgeslagen als navigatie.html of navigatie.ssi.

2. Gebruik de volgende SSI-code om de code van dat HTML-document op elke pagina op te nemen.

   
   of.
   

   De omvatten richtlijn accepteert twee parameters. virtueel gaat ervan uit dat de bestandsnaam relatief is ten opzichte van de documenthoofdmap van de website, terwijl: het dossier accepteert een absoluut bestandspad.

3. Voeg deze code toe op elke pagina waarop u het bestand wilt opnemen.

Het gebruik van PHP Inclusief

Zoals SSI, PHP is een technologie op serverniveau. Als je niet zeker weet of je PHP-functionaliteit op je website hebt, neem dan contact op met je hostingprovider.

Hier is een eenvoudig PHP-script dat u kunt gebruiken om een ​​HTML-fragment op te nemen op elke webpagina met PHP:

1. Bewaar de HTML voor de gemeenschappelijke elementen van uw site, zoals de navigatie, om bestanden te scheiden. Uw navigatiegedeelte kan bijvoorbeeld worden opgeslagen als navigatie.html of navigatie.ssi.

2. Gebruik de volgende PHP-code om die HTML op elke pagina op te nemen (het pad en de bestandsnaam van uw bestand tussen de aanhalingstekens vervangen).

3. Voeg dezelfde code toe op elke pagina waarop u het bestand wilt opnemen.

JavaScript omvat

JavaScript is een andere manier om HTML op te nemen in de pagina's van uw site. Deze techniek vereist geen programmering op serverniveau, maar het is een beetje ingewikkelder - en het werkt uiteraard voor een browser die Javascript toestaat, wat de meeste doen, tenzij de gebruiker besluit het uit te schakelen het.

Hier is hoe je kunt een HTML-fragment opnemen met JavaScript:

Sla de HTML voor de gemeenschappelijke elementen van uw site op in een JavaScript-bestand. Alle HTML die in dit bestand is geschreven, moet op het scherm worden afgedrukt met de document.schrijven functie.

1. Upload dat bestand naar uw website.

2. Gebruik een 

3. Gebruik dezelfde code op elke pagina waarop u het bestand wilt opnemen.

Wat is HTML inbegrepen?

Een include is een gedeelte van HTML dat op zichzelf geen volledig HTML-document is. In plaats daarvan is het een gedeelte van een andere pagina die door middel van programmeren in een volledige webpagina kan worden ingevoegd. De meeste include-bestanden zijn de bovengenoemde items die op verschillende pagina's van een website worden herhaald. Bijvoorbeeld:

• Navigatie
• Informatie over copyright
• Koptekstgebieden
• Voettekstgebieden

Hoe 'inclusief' webdesign efficiënter maakt More

Bijna alle websites bevatten elementen van het ontwerp die op elke pagina van de site worden herhaald, inclusief het kopgedeelte waar het logo zich bevindt, het navigatiemenu en het voettekstgebied.

Herhaalde elementen op een site zorgen voor consistentie in de gebruikerservaring. Een bezoeker hoeft de navigatie niet op elke pagina te lokaliseren, want als hij deze eenmaal heeft gevonden, weet hij waar deze zal zijn op andere pagina's van de site die hij bezoekt.

Inbegrepen inhoud elimineert de noodzaak om elke pagina van uw site te bewerken voor deze herhaalde inhoud. In plaats daarvan bewerkt u één bestand en vervolgens krijgt uw hele site en elke pagina daarin de update.

Herhaalde inhoud in inhoudbeheersystemen

Als uw site een CMS gebruikt, gebruikt deze waarschijnlijk bepaalde sjablonen of maken thema's deel uit van die software. Zelfs als u deze sjablonen helemaal opnieuw bouwt, maakt de site nog steeds gebruik van dit raamwerk voor de pagina's. Als zodanig bevatten die CMS-sjablonen de delen van de site die op elke pagina worden herhaald. Je logt eenvoudig in op de backend van het CMS en bewerkt de benodigde templates. Alle pagina's van de site die die sjabloon gebruiken, worden bijgewerkt.

Zelfs als u geen contentmanagementsysteem voor uw site gebruikt, kunt u toch profiteren van de meegeleverde bestanden. In HTML, omvat helpen het beheer van deze sjabloongebieden van uw site gemakkelijker te maken.

Andere omvatten methoden

Er zijn verschillende andere manieren om HTML op uw pagina's op te nemen. Sommige zijn ingewikkelder dan andere, en veel ervan zijn eigenlijk verouderd volgens de huidige normen.

• Inclusief CGI: Je kunt gebruiken Perl of een andere programmeertaal om uw pagina's te maken en vervolgens op te nemen wat u maar wilt, hetzij als "vereiste" bestanden of door ze handmatig in te lezen.
• Inclusief flits: Als u uw site volledig in Adobe Flash bouwt, kunt u deze gebruiken om elementen van de site op te nemen. Deze methode is verouderd en volledige Flash-sites zijn tegenwoordig een zeldzaamheid op het web.
• Frames omvatten:: In plaats van dezelfde elementen steeds opnieuw op verschillende pagina's te gebruiken, maakt u een omlijste site waarbij de frames de gedupliceerde delen van de site zijn. Behalve het iframe-element, frames zijn verouderd in HTML5.
• Inhoudsbeheertools Inclusief: Sjablonen is een van de belangrijkste verkoopargumenten van CMS en het is echt hoe dit werk tegenwoordig op de meeste sites wordt afgehandeld.