Очень простой вопрос: я кодирую веб-приложение, которое содержит несколько страниц. Эти страницы имеют обычные общие элементы: например, заголовок/мачта сайта и боковая панель присутствуют на всех страницах. HTML статичный (не динамически генерируемый, его «ajaxy-ness» делается на стороне клиента).Лучшая практика для работы с общими «структурными» элементами страниц?
Каков наилучший способ импорта/«включая» эти общие элементы на мои страницы? Решение я использую, чтобы иметь в HTML-файлы содержат пустые места держателей
<div id="header"></div>
<div id="leftSideBar"></div>
(...)
, а затем сделать в Jquery в $ (документ) .ready():
$.get("header.html", function(html) { $("#header").html(html); });
// ....
Это лучший способ сделай это? Я новичок в веб-разработке. :)
Я думаю, что я мог бы также выкопать «макроподобный» инструмент генерации кода, который я буду запускать на HTML-файлах для замены, например «#header» с содержимым header.html. Таким образом, загрузка страницы потребует одного запроса для одного файла HTML, что звучит лучше.
Каков умный способ достичь этого? Я уверен, что эта проблема решена тысячу раз.
EDIT: Серверная сторона кодируется в Python + cherrypy. (Я предполагаю, что разумно стараться избегать динамического генерирования HTML при работе с веб-приложениями «web 2.0-ish». Пожалуйста, поправьте меня, если я ошибаюсь. Как я уже сказал, я очень новичок в этой среде.)
Спасибо за ваши идеи,
лара
По моему мнению, это довольно логичный подход. «Пустые» блоки не имеют никаких негативных коннотаций в мире HTML, поэтому то, что вы делаете, совершенно законно. –
отредактировал мой ответ, чтобы включить способ создания шаблона с использованием фреймворков – marcgg
Что вы используете на стороне сервера? Мы не можем ответить на ваш вопрос, не зная. – Domenic