Таблицы стилей для контента?

Question

Простите мое невежество, так как кажется, что это то, что я должен знать сейчас.

Я знаю, что мог бы создать таблицу стилей, которая позволит мне вносить изменения в мой CSS на нескольких страницах, использующих CSS.Я также знаю, что вы можете создать внешний файл JavaScript, который может содержать функции, которые вы хотите использовать повторно.Но допустим, у меня был чистый HTML-контент (давайте притворимся, что на нем несколько кнопок или ссылок), который я хотел воспроизвести на нескольких страницах.Есть ли что-то похожее на таблицу стилей в этом отношении?Это позволит вам обновить кнопки / ссылки сразу.

Answer 1

Попробуйте на стороне сервера.

Наиболее частое использование SSI - это включение содержимого одного или нескольких файлов в веб-страницу на веб-сервере. Например, веб-страница, содержащая ежедневную цитату, может содержать цитату, поместив следующий код в файл веб-страницы:

Вы также можете использовать PHP, если ваш хост позволяет это. Просто измените имя страницы с .html на .php и укажите заголовок:

<?php include "header.php" ?>

В обоих случаях требуется изменить расширение файла, поэтому вам также может потребоваться использовать mod_rewrite , чтобы пользователи по-прежнему имели к нему доступ через имя .html . Опять же, если ваш хост поддерживает это.

Answer 2

Зависит ... Я знаю, что Dreamweaver имеет довольно продвинутую поддержку шаблонов. Вы можете изучить руководство вашего HTML-редактора WYSIWYG и ознакомиться с тем, как он может помочь вам с повторяемыми элементами контента. В противном случае, как намекнул Саймон, вам следует изучить некоторые серверные технологии (язык сценариев, такой как PHP, является простым выбором), написать свой повторяемый HTML-код и позволить сценариям выводить их в любое время и в любом месте. Удачи!

Answer 3

Вопрос не настолько глуп, поскольку на самом деле в HTML нет ничего родного для этого.

Если ваш сервер поддерживает серверные опции, это ваш лучший вариант. Если у вас есть PHP, вы также можете сделать <?php include "footer.html"; ?>

Все остальные языки на стороне сервера имеют аналогичную конструкцию.

Answer 4

Если вы не заботитесь о SEO, я бы посоветовал не использовать javascript для этой цели.

Возможно, но такая техника может помешать поисковым системам правильно проиндексировать ваш сайт.

Answer 5

Если ни SSI, ни PHP не доступны, вы можете сделать это только с помощью javascript: загрузить страницу в скрытое IFRAME, затем захватить ее (с innerHTML) - и переместить в нужное вам место.

Answer 6

Несмотря на то, что SSI кажется лучшей идеей, я считаю, что если память хорошо мне подходит, то если вы используете IIS, вам придется настроить некоторые параметры на сервере для работы, чтобы получить SSI с расширением файла html.1001 *

Хотя идея SimpleCoder не кажется лучшей, она интересна.Основываясь на этой идее, может быть лучше использовать данные json вместо xml.Я бы поиграл с этим просто ради удовольствия.

Answer 7

Похоже, вы не используете какую-либо серверную технологию, такую ​​как ASP.NET, которая имеет пользовательские элементы управления, на которых вы можете их разместить.

В качестве альтернативы можно использовать Включения на стороне сервера, такие как :

<!--#include virtual="header.html"-->

Grz, Kris.

Answer 8

Вы можете попробовать использовать свойство содержимого CSS, но содержимое вставляется после / до цели. http://www.w3schools.com/Css/pr_gen_content.asp

EDIT

Вы также можете попытаться сохранить свой контент в документах XML и использовать JavaScript для загрузки листов XML. На каждом листе можно хранить содержимое кнопок, входной контент и т. Д. Все, что вам нужно сделать, - это проанализировать XML и отобразить содержимое в виде элементов HTML.