У меня есть три файла проекта, который я собираю. Заголовок, индекс и нижний колонтитул. Прямо сейчас я могу поместить заголовок в header.php и сделать index.php и использовать php include для добавления заголовка в.
Но есть ли способ сделать тэг в html5 действовать как php? Это означает, что он не будет похож на iframe, где, если я нажму на ссылку, это изменит это поле.
В основном я пытаюсь создать один файл, содержащий навигацию, и использовать что-то вместо php, чтобы добавить navi на каждую новую страницу, которую я делаю. Если PHP не был вариантом, как бы вы это сделали?
Импорт 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.
'import' in document.createElement('link')
в консоли Javascript, чтобы проверить, поддерживает ли ваш браузер его (возвращает true).