Веб страница садржи више страница за различите функционалности. Да би избегли неред и лако модификовали садржај, програмери су радије дизајнирали више датотека за различите веб странице и повезивали ове странице у једну датотеку. Захваљујући ХТМЛ-у који пружа функцију повезивања друге ХТМЛ датотеке у ХТМЛ датотеку ради лакшег приступа.
Овај пост ће демонстрирати метод за укључивање ХТМЛ датотеке у другу ХТМЛ датотеку.
Како укључити другу ХТМЛ датотеку у ХТМЛ датотеку?
Да бисте додали једну ХТМЛ датотеку другој ХТМЛ датотеци, испробајте дата упутства.
Корак 1: Креирајте прву страницу
Прво направите „ <див> ” контејнер и додели класи са именом “ фирстдив ”. Затим уградите неки текст у елемент пасуса „ <п> ”:
< див класа = 'први див' >
< стр > Здраво, ово је моја прва ХТМЛ страница стр >
див >
Може се приметити да је текст додат у елементу пасуса приказан на веб страници:
Корак 2: Креирајте другу страницу
Направите другу страницу, додајте контејнер “ <див> ” и уградите неки текст унутар ознаке <див>:
< див класа = 'озбиљан' >То је моја друга ХТМЛ страница
див >
Вратите се на прву страницу ради даље обраде.
Корак 3: Дефинишите простор за другу страницу
Направите празан див контејнер и укључите класу под називом „ прострт ” за лоцирање места за другу ХТМЛ страницу у првој ХТМЛ страници:
< див класа = 'озбиљан' > див >Корак 4: Укључите другу датотеку у прву датотеку
Затим додајте ознаку „<сцрипт>“ и дефинишите тип скрипте као „ текст/јавасцрипт ”. Ознака скрипте се користи за уграђивање ЈаваСцрипт кода у ХТМЛ страницу. Да бисте учитали другу ХТМЛ страницу на прву страницу, дефинишите једноставну функцију која ће приступити празном див контејнеру уз помоћ класе „ .сацдив ”. Затим учитајте другу страницу користећи „ .лоад ” функција:
< скрипта тип = 'текст/јавасцрипт' >$ ( функција ( ) {
$ ( '.сецдив' ) .лоад ( 'друга_страница.хтмл' ) ;
} ) ;
скрипта >
Као резултат, друга ХТМЛ страница се успешно учитава у прву ХТМЛ страницу:
То је било све о укључивању још једне ХТМЛ датотеке у ХТМЛ датотеку.
Закључак
Да бисте укључили другу ХТМЛ датотеку у ХТМЛ датотеку, прво направите „ <див> ” контејнер, доделите „ класа ” и додајте текст. Затим креирајте други „<див>” са истом процедуром. Након тога наведите још један празан <див> контејнер који додељује простор за другу страницу на првој страници. Након тога, користите ЈаваСцрипт функцију “ .лоад ' унутар ' <сцрипт> ” да бисте учитали другу ХТМЛ страницу у ХТМЛ датотеци. Овај пост је демонстрирао метод за укључивање ХТМЛ датотеке у друге ХТМЛ датотеке.