Сделать тег объекта как php include?

0

У меня есть три файла проекта, который я собираю. Заголовок, индекс и нижний колонтитул. Прямо сейчас я могу поместить заголовок в header.php и сделать index.php и использовать php include для добавления заголовка в.

Но есть ли способ сделать тэг в html5 действовать как php? Это означает, что он не будет похож на iframe, где, если я нажму на ссылку, это изменит это поле.

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

Теги:

1 ответ

1

Импорт HTML - это то, что вы ищете. Это способ включения и повторного использования HTML-документов в других документах HTML.

Для импорта HTML используется отношение импорта на стандартном теге, например:

<link rel="import" href="import-file.html">

Он все еще находится в редакторе W3C Editor и не поддерживается широко. Вы можете использовать Polyfill для реализации этого в старых браузерах или на стороне сервера, например include() в PHP.

Пример полиполнения:

Добавьте в проект файл html-imports.js или html-imports.min.js(minified).

<script src="HTMLImports/html-imports.js"></script>

Подробнее см. Http://www.polymer-project.org/platform/html-imports.html.

  • 0
    Большое спасибо за это, знаете ли вы демо для этого доступны онлайн? Я не могу заставить его работать на всю жизнь, ха-ха. Кажется, это единственная статья, с которой я столкнулся, но довольно сложно понять, как соединить что-то простое :( html5rocks.com/en/tutorials/webcomponents/imports
  • 1
    Я использую Chrome 31.0.1650.63. Это не поддерживает переосмысление. Вы можете ввести код 'import' in document.createElement('link') в консоли Javascript, чтобы проверить, поддерживает ли ваш браузер его (возвращает true).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню