Могу ли я создать общий html файл для хранения навигации? - PullRequest
Новая
       93

Могу ли я создать общий html файл для хранения навигации?

1 голос
/ 02 мая 2020

У меня есть HTML веб-сайт со многими подстраницами, и когда я хочу обновить навигацию, я должен скопировать и вставить тег <nav> более 50 раз в разные документы. Есть ли способ, которым я могу создать ОДИН html файл, который содержит мою навигацию, и всякий раз, когда я обновляю этот документ, он будет обновлять навигацию на всех моих страницах?

РЕДАКТИРОВАТЬ:

Я пытался некоторые PHP и не могли заставить его работать. Что не так ?? 1006

nav. php

image

index. php

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="alex.css">
        <title>Alex's Website || Home</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <meta property="og:title" content="Alex's Website" />
        <meta property="og:image" content="splash.jpg" />
        <script>
            if (screen.width <= 800) {
                window.location = "http://m.amgutowski.com";
            }
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="content">
                <nav>
                    <?php include 'nav.php';?>
                </nav>
                <h2>Welcome To My Website!</h2>
                <br>
                <p>Welcome to my website. This took me about 3 days to create originally, and I'm still adding to it.
                Feel free to look around, and have fun!</p>
                <br>
                <footer>
                    Copyright &copy; 2020 Alex Gutowski <br>
                    <a href="mailto:alexgutowski@gmail.com">alexgutowski@gmail.com</a> <br>
                    All Rights Reserved
                </footer>
            </div>
        </div>
    </body>
</html>

Ответы [ 3 ]

0 голосов
/ 02 мая 2020

Добро пожаловать в сообщество. В дальнейшем попытайтесь поделиться некоторым кодом, чтобы другие могли использовать его для изучения:).

Абсолютно возможно уменьшить проблему с дублированием. Простой язык для этого - PHP. Просто создайте теги в файле PHP, а затем используйте include, чтобы отобразить его там, где это необходимо. Таким образом, вы обновляете только один файл.

Подробнее читайте здесь W3Schools - PHP включает

Надеюсь, это поможет! 

<html>
<body>

<h1>Welcome to my home page!</h1>
<p>Some text.</p>
<p>Some more text.</p>
<?php include 'footer.php';?>

</body>
</html>
0 голосов
/ 02 мая 2020

Если вы не хотите использовать серверное решение, такое как PHP Я считаю, что вы можете попробовать это: Загрузить HTML Содержимое файла в Div [без использования iframes]

Вы можете легко создать навигацию. html и использовать JavaScript для загрузки на свои страницы.

С уважением, Джонас

0 голосов
/ 02 мая 2020

Если вы подумаете о добавлении серверных сценариев в ваш HTML, это может стать проще.

  • Django и Flask получили способы динамически связывать страницы на вашем веб-сайте независимо от того, как вы переименуйте их позже.
  • в PHP Я полагаю, вы могли бы создать включаемый файл, содержащий сопоставления переменных с ссылками вашей. Затем вы можете импортировать этот файл включения, так что все, что вам нужно сделать, это изменить ссылку в файле включения, и все ваши зависимые страницы будут использовать обновленные значения. 
links.php --
<?php 
page1 = "https://link";
page2 = "https://link2";
?> 

anyotherpage --
<?php require 'links.php';
?><!DOCTYPE html>
<html>
<head></head>
<body>
        Click here : <?php echo page1; ?>
</body>
</html>```
...