Динамическое построение HTML

Каждый раз, когда я решаю что-то изменить в своем заголовке/навигации/footer/etc. Мне нужно применить эти изменения к 16 другим html-файлам, чтобы мои изменения были согласованы на всем моем сайте.Динамическое построение HTML

Мой вопрос: есть ли способ, которым я могу сделать шаблон моего сайта автоматически примененным к каждой странице?

Пример любой страницы на моем сайте, и что я имею в виду, будет выглядеть следующим образом:

<html> 
    <head>injected code</head> 
    <body> 
     <header>injected code<header> 
     <section>NOT INJECTED CODE</section> 
     <footer>injected code</footer> 
    </body> 
</html>

Я знаю повторять код, как это плохая практика, так как я повторно (локализовать) код эти области моего html, так как они всегда будут одинаковыми?

Меня не интересуют системы управления контентом.

источник

2014-09-20 htmlcomposition

Какой бэкэнд вы используете? – dfsq

notepad, lol ... – htmlcomposition

Что я делаю с элементами, которые одинаковы на каждой странице, например, заголовок, nav, нижний колонтитул, создают эти элементы в отдельном файле, а затем включают в себя через php. Тогда, если вам нужно изменить одну вещь в заголовке, вам нужно сделать это один раз.

Ваш пример будет, как:

<body> 
    <header><?php include_once('header.html'); ?><header> 
    <section>NOT INJECTED CODE</section> 
    <footer><?php include_once('footer.html'); ?></footer> 
</body>

Надеется, что это помогает.

источник

2014-09-20 11:01:11 Devilquest

спасибо, это очень помогает! также благодаря другому парню, который ответил и предоставил среду разработки xampp. – htmlcomposition

Вы можете использовать php для решения этой проблемы. Имя файла "index.php" (или что-нибудь еще с .php как расширение)

<html> 
<?php include('header.php'); ?> 
<body> 
    <header>injected code<header> 
    <section>NOT INJECTED CODE</section> 
    <footer>injected code</footer> 
</body> 
<?php include('footer.php'); ?>

Затем сделайте header.php и footer.php в той же папке. Эти общие файлы могут быть включены во все ваши страницы.

Совет. Вам нужно будет запустить их на локальном сервере. См. xampp

источник

2014-09-20 10:58:45 karanmhatre

спасибо за ответ и предложение об окружающей среде – htmlcomposition

Лучший способ, которым я могу думать, - использовать серверный язык, например php или asp, для генерации html.
Вы можете использовать тег для включения внешнего файла, однако я не правильно его пробовал и не уверен в безопасности или результатах.
Вы также можете использовать javascript/jquery для записи в документ, однако использование сценариев для написания не было бы лучшей практикой, лучше использовать для языка на стороне клиента было бы использовать ajax для загрузки внешних файлов, однако часть заголовка может необходимо определить до завершения ajax, хотя я его не тестировал.

Вкратце я бы рекомендовал использовать язык на стороне сервера, возможно, php, так как его легко изучить, бесплатно использовать, и вы можете установить его на свой локальный компьютер. Если у вас уже есть сервер, вы можете видеть, какие языки уже установлены, так как большинство языков могут включать в себя внешние файлы.

источник

2014-09-20 11:12:03 Oracle

спасибо за ответ и альтернативные методы – htmlcomposition

ответ

Смежные вопросы