Я делаю огромный веб-сайт, на всех страницах навигатор. Возможно ли создать навигационную панель в файле .html и импортировать ее на все остальные страницы, и если да, то как?
с PHP это возможно, но вы должны изменить файлы на файлы .php.
поместите это в основной файл:
<?php include("navbar.php"); ?> Я не знаю, как с HTML
Вы можете сделать это только с помощью HTML, используя Server Side Includes . Простейший пример:
index.html
<html><head><title>Test</title></head> <body> <!--#include file="navbar.shtml" --> </body> </html>
navbar.shtml
<ul class="nav"> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> </ul>
То, что вам никогда не нужно делать, это использовать фреймы или фреймы для этого. https://stackoverflow.com/a/15938545/822711
Обратите внимание, что это не сработает с использованием протокола file:// , он должен запускаться на веб-сервере, как в живой среде. Это может быть на частном или общедоступном сервере или локальном хосте, используя сервер, работающий на вашем компьютере, такой как wamp .
1) В html мы можем загружать другие файлы в один html-файл, используя iframe
<!DOCTYPE html> <html> <body> <iframe src="header.html"> <p> display</p> </iframe> </body> </html>
2) Мы можем использовать функцию jquery для загрузки файла в некоторый определенный div.
<script> $(function(){ $('#header').load("header.html"); }); </script>
3) Используйте другие языки, такие как php, .net, для которых мы используем php include и требуем для этого
**Apart from using iframe there is no other way in html that we can include one html file to another.**
Я предпочитаю использовать JQuery, вроде как
<!doctype html> <html> <head> <title>Home page</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script> $(function(){ $('.header').load("header.html"); }); </script> </head> <body> <div class="header"></div> </body> </html>
В той же папке откройте файл с именем header.html То же самое можно применить для нижнего колонтитула.
Для этого вам нужно добавить серверный язык, если вы используете PHP, вы можете создать файл nav.php. В этом файле вы можете добавить полный HTML-код своей навигации, и вы можете включить этот PHP-файл в свой код вместо того, чтобы помещать навигацию HTML. Как это
<?php include("nav.php");?>