Inkluder en annen HTML -fil i en HTML -fil

Inkluder en annen HTML -fil i en HTML -fil

Nettstedet inneholder flere sider for forskjellige funksjonaliteter. For å unngå rot og for å endre innholdet, foretrakk utviklerne å designe flere filer for forskjellige websider og koble disse sidene til en enkelt fil. Takk til HTML som gir funksjonaliteten til å koble en annen HTML -fil i en HTML -fil for enkel tilgang.

Dette innlegget vil demonstrere metoden for å inkludere HTML -filen i en annen HTML -fil.

Hvordan ta med en annen HTML -fil i en HTML -fil?

For å legge til en HTML -fil i den andre HTML -filen, prøv de gitte instruksjonene.

Trinn 1: Opprett første side

Først må du lage en "”Container og tilordne klassen med navnet”FirstDiv”. Deretter legger du inn en eller annen tekst i avsnittselementet "


Hei det er min første HTML -side


Det kan observeres at teksten som er lagt til i avsnittselementet vises på websiden:

Trinn 2: Opprett andre side

Lag en andre side, legg til en beholder "”Og legg inn litt tekst i taggen:


Det er min andre HTML -side

Gå tilbake til første side for videre behandling.

Trinn 3: Definer plass for andre side

Lag en tom div container og inkluder en klasse som heter “Secdiv”For å finne stedet for den andre HTML -siden på den første HTML -siden:

Trinn 4: Inkluder andre fil i første fil

Deretter legger du til "" -merket og definerer typen av skriptet som "Tekst/JavaScript”. Skriptkoden brukes til å legge inn JavaScript -kode på HTML -siden. For å laste inn den andre HTML -siden på første side, definerer du en enkel funksjon som får tilgang til den tomme DIV -beholderen ved hjelp av klassen ".Secdiv”. Last deretter den andre siden ved å bruke ".laste”Funksjon:

Som et resultat lastes den andre HTML -siden inn i den første HTML -siden med hell:

Det handlet om å inkludere en annen HTML -fil i en HTML -fil.

Konklusjon

For å inkludere en annen HTML -fil i en HTML -fil, oppretter du først en "”Container, tilordne“klasse”Attributt og legg til litt tekst. Opprett deretter en annen "" med samme prosedyre. Etter det, spesifiser en annen tom beholder som tildeler plassen for den andre siden på første side. Etter det, bruk JavaScript -funksjonen “.laste" innen "”Tag for å laste inn en annen HTML -side i en HTML -fil. Dette innlegget demonstrerte metoden for å inkludere HTML -filen i andre HTML -filer.