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

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

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


javascript html external stylesheet spry
person tom    schedule 22.06.2010    source источник

Ответы (8)


arrow_upward
3
arrow_downward

Попробуйте включить включения на стороне сервера.

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

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

<?php include "header.php" ?>

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

person Gelatin    schedule 22.06.2010

arrow_upward
1
arrow_downward

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

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

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

person Pekka    schedule 22.06.2010

arrow_upward
1
arrow_downward

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

person Peter Perháč    schedule 22.06.2010

arrow_upward
0
arrow_downward

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

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

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

Грц, Крис.

person Kris van der Mast    schedule 22.06.2010

arrow_upward
0
arrow_downward

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

ИЗМЕНИТЬ

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

person Chris Laplante    schedule 22.06.2010
comment
Истинный. Надеюсь, в более поздних версиях это включено лучше - person Chris Laplante; 22.06.2010

arrow_upward
0
arrow_downward

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

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

person August Blaze    schedule 22.06.2010

arrow_upward
0
arrow_downward

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

person T4NK3R    schedule 22.06.2010

arrow_upward
0
arrow_downward

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

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

person Chris Fletcher    schedule 25.06.2010