Як ўключыць адзін HTML файл у іншым

Выкарыстанне HTML ўключае ў сябе можа значна спрасціць кіраванне вашага сайта

Зайдзіце на любы сайт і перайсці ад старонкі да старонкі, і вы хутка зразумееце, што, у той час як кожная з гэтых старонак можа адрознівацца ў многіх адносінах, яны таксама вельмі падобныя на іншых. Амаль усе вэб-сайты ўключаюць у сябе элементы дызайну, якія паўтараюцца праз кожную старонку на сайце. Некаторыя прыклады элементаў сайта, якія будуць знойдзеныя па кожнай старонцы будуць вобласць загалоўка, дзе лагатып знаходзіцца, рух і вобласць ніжняга калантытула.

Паўтараюцца элементы на сайце дазваляюць паслядоўнасці ў карыстацкім вопыце. Наведвальнік не павінен знайсці навігацыі на кожнай старонцы, таму што, як толькі яны знайшлі, што яны ведаюць, дзе ён будзе знаходзіцца на іншых старонках сайта, якія яны наведваюць.

Як зрабіць Includes Вэб-дызайн больш эфектыўным

Як хто-то пастаўлена задача кіравання вэб-сайт, гэтыя паўтараюцца вобласці прапануюць выклік. Што рабіць, калі вам трэба ўнесці змены ў чым-то ў гэтай галіне? Напрыклад, калі ваш склеп (які знаходзіцца на кожнай старонцы сайта) уключае заяву аб аўтарскіх правоў з годам, што адбываецца, калі што змены года і вам трэба змяніць дату? Так што падзел на кожнай старонцы, цяпер трэба рэдагаваць кожную старонку вашага сайта ў асобнасці, каб унесці змены - ці вы?

Ўключана ўтрыманне можа ліквідаваць неабходнасць мець рэдагаваць кожную старонку вашага сайта для гэтага паўторнага ўтрымання. Замест гэтага, вы проста адрэдагаваць адзін файл і ўвесь сайт і кожную старонку ў ёй атрымлівае абнаўленне!

Давайце разгледзім некалькі спосабаў , якія вы можаце дадаць гэтую функцыю ў свой сайт і ўключаюць у сябе адзін HTML - файл ў шэрагу іншых.

Паўторныя Утрыманне ў Сістэмы кіравання кантэнтам

Калі ваш сайт выкарыстоўвае CMS , то ён , верагодна , выкарыстоўвае пэўныя шаблоны або тэмы з'яўляюцца часткай гэтага праграмнага забеспячэння. Нават калі вы звычай будаваць гэтыя шаблоны з нуля, сайт ўсё яшчэ выкарыстоўвае гэтую структуру для старонак.

Такім чынам, гэтыя шаблоны CMS будзе ўтрымліваць раздзелы сайта, якія паўтараюцца праз кожную старонку. Вы проста ў бэкенд Да і рэдагаваць неабходныя шаблоны. Усе старонкі сайта, якія выкарыстоўваюць гэты шаблон будзе абнаўляцца.

Нават калі ў вас няма сістэмы кіравання кантэнтам для вашага сайта, вы ўсё роўна можаце скарыстацца ўключаюцца файлаў. У HTML ёсць ўключае ў сябе , што можа дапамагчы зрабіць кіраванне гэтымі шаблонных абласцямі вашага сайта прасцей.

Што такое HTML Уключае?

Ўключаюць у частку HTML, які не з'яўляецца поўным HTML дакумент сам па сабе. Замест гэтага, гэта частка іншай старонкі, якая можа быць ўстаўлена ў поўным праграмавання вэб pagesvia. Большасць з іх уключае файлы з'яўляюцца тымі вышэйзгаданымі элементамі, якія паўтараюцца на некалькіх старонках вэб-сайта. Напрыклад:

Існуе перавага, каб мець гэтыя паўтараюцца ўчасткі, уключаныя на старонках. На жаль, працэс ўстаўкі файла не тое, што можа адбыцца з HTML ў адзіночку, так што вы павінны мець некаторы тып праграмы або сцэнар, які дадасць ўключаюцца файлаў ў вэб-старонкі.

Выкарыстанне сервернага Уключае

Серверныя ўключэння, таксама вядомыя як SSI, упершыню былі распрацаваны, каб дазволіць вэб-распрацоўнікам "уключыць" HTML-дакументы ўнутры іншых старонак.

У асноўным, фрагмент, які знаходзіцца ў адным дакуменце ўваходзіць у іншую, калі старонка выконваецца на сэрвэры і адпраўляецца на вэб-браўзэры.

SSI уключаны на большасці вэб-сервераў, але вы можаце ўключыць яго, каб прымусіць яго працаваць. Калі вы не ведаеце , калі ваш сервер падтрымлівае SSI, звярніцеся да вашаму хостынг - правайдэра .

Вось прыклад таго, як можна выкарыстоўваць SSI, каб уключыць фрагмент HTML ва ўсіх вашых вэб-старонак:

  1. Захавайце HTML для агульных элементаў Вашага сайта ў выглядзе асобных файлаў. Напрыклад, сістэма навігацыі секцыя можа быць захавана як navigation.html або navigation.ssi.
  2. Выкарыстоўвайце наступны код SSI ўключыць гэты код HTML дакумента на кожнай старонцы (падстаўляючы шлях і імя файла вашага файла ў двукоссях). {C}
  1. Дадайце гэты код на кожнай старонцы, якую вы хочаце ўключыць файл.

Выкарыстанне PHP ўключае ў сябе

PHP гэта мова сцэнарыяў на ўзроўні сервера. Гэта можа зрабіць шэраг рэчаў, але адна агульная карысць ўключаць HTML-дакументаў ўнутры вашых старонак, такім жа чынам, мы проста пакрытыя SSI.

Як SSI, PHP з'яўляецца тэхналогіяй на ўзроўні сервера. Калі вы не ўпэўненыя, калі ў вас ёсць функцыі PHP на вашым сайце, звярніцеся да вашага хостынг-правайдэра.

Вось просты PHP скрыпт, які вы можаце выкарыстоўваць, каб уключыць фрагмент HTML на любы PHP з падтрымкай вэб-старонцы:

  1. Захавайце HTML для агульных элементаў Вашага сайта, такія як рух, асобныя файлы. Напрыклад, сістэма навігацыі секцыя можа быць захавана як navigation.html або navigation.ssi.
  2. Выкарыстоўвайце наступны PHP код , каб уключыць гэты HTML у кожнай старонцы (падстаўляючы шлях і імя файла вашага файла ў двукоссях). navigation.php ");?>
  3. Дадайце гэты ж код на кожнай старонцы, якую вы хочаце ўключыць файл.

JavaScript Уключае

JavaScript гэта яшчэ адзін спосаб уключыць HTML на старонках вашага сайта. Гэта мае тое перавага, што не патрабуе праграмавання на ўзроўні сервера, але гэта крыху больш складана - і гэта, відавочна, працуе для браўзэра, які дазваляе Javascript, што большасць з іх, калі карыстальнік не вырашыць адключыць яго.

Вось як вы можаце ўключыць фрагмент HTML з выкарыстаннем JavaScript :

  1. Захавайце HTML для агульных элементаў вашага сайта ў файл JavaScript. Любы HTML напісана ў гэтым файле, павінен быць выведзены на экран з функцыяй document.write.
  2. Ўкласці гэты файл на свой вэб-сайт.
  3. Выкарыстоўвайце элемент