Есть ли способ уменьшить вставку в html/css для содержимого, которое содержит каждая страница?

Question

Я имею в виду, что при создании нескольких страниц в настоящее время мне всегда нужно скопировать вставку, заголовок, навигацию и нижний колонтитул. И хотя это не слишком сложно сделать (можно в принципе скопировать-вставить линию emmet и заставить ее обрабатывать все). Мне было интересно, есть ли способ, которым мне не нужно было бы делать это на стороне сервера или как плагин/аддон для возвышенного текста.

Текущая идея, которую я имею, это создать серверную сторону js, которую я мог бы затем импортировать на каждую страницу, хотя я знаю почти не js, чтобы снять это.

Любые предложения?

Answer 1

В Html5 вы можете использовать тег объекта для включения файла.

В основном вы создаете один файл, содержащий ваш заголовок и общий код, который отображается на каждой странице.

Тогда на каждой странице вашего сайта вы добавить

<object name="includedfile" type="text/html" data="page.inc"/> 

, где вам нужно содержание появляться.

Edit:

Проверьте также JQuery, если вы предпочитаете использовать JavaScript. Есть простые функции для достижения такого же результата, как:

$.get('test.html') 
.success(function(data) { 
    $('div.content').html(data); 
}); 

Где test.html страница, которую вы хотите загрузить и div.content это место, где вы хотите поместить загруженный код.

Answer 2

Единственный ответ, который работает перед HTML5, - это изучить PHP и/или установить систему, которая позволяет использовать шаблоны страниц. На большинстве веб-серверов установлен PHP.

Ваша страница будет выглядеть примерно так:

<?php 
include "header.php"; 
?> 
<!-- your html page code here --> 
<?php 
include "footer.php"; 
?> 

Answer 3

На данный момент я бы рекомендовал вам перейти в более надежные веб-языка. Вот несколько вариантов.

• Рубин на Rails (яй!)
• PHP
• ASP.NET (yech)

Вы определенно хотите больше мощных функций, как только вы начнете работать на более сложных веб-сайтов.