вставка php кода Как создать свой сайт > Вебмастеру > Создание своего сайта > Вставка PHP в HTML-код страницы

Как вставить PHP-код в HTML

Хороших сайтов много и они не похожи друг на друга.
А большинство плохих сайтов имеют примерно одинаковый вид.
«Идеальный поиск в Интернете», А. Иванов.

    Зачем нужна вставка PHP-кода в HTML вообще? Что это даёт? И как осуществляется?

    Причин для использования PHP в сайтах на HTML может быть множество. Я же рассмотрю одну. Именно она побудила меня «залезть» в PHP и найти решение проблемы.

    Имя ей «упрощение».

    Я уже давно заметил, что чем более простое решение используется, тем оно эффективнее. Поэтому стремился упрощать всё, что можно. Сайт на чистом HTML — это самое простое решение проблемы «создание сайта». Но не всегда самое эффективное. Почему?

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

    Почему? Почему для работы простого сайта не используются простые же решения? Попробую ответить на примере собственного сайта — Seoded.ru


 

 

§ 1. Эволюция

    Мой сайт появился в результате изучения мною HTML. Разумеется, он и был сразу на чистом HTML. По мере «углубления» меня в этот язык сайт дополнялся, менялось его оформление и росло число страниц.

    В итоге, я создал шаблон, который и использовал всякий раз, когда мне нужно было добавить новую страницу. Всё было прекрасно вплоть до того момента, пока я не захотел изменить дизайн. Страниц к тому времени на сайте было не то чтобы много, но существенно больше десятка.

    Пришлось вручную изменять html-код каждой. Это показалось мне утомительным и я начал искать решение данной проблемы. Так я познакомился с CSS.

    CSS — это каскадные таблицы стилей. Позволяют вынести всё оформление сайта в отдельный файл. Что даёт возможность, например, изменить цвет заголовка третьего уровня сразу на всех страницах сайта одновременно. Или размер шрифта меню. Или цвет рамки у таблицы. И так далее. В общем, думаю, ты понял, зачем нужен CSS.

    Жизнь вновь стала прекрасной, я возрадовался и продолжил развитие сайта.

    Ровно до того момента, когда мне потребовалось изменить «состав» меню. Т. е. было, например, меню таким:

    А мне нужно, чтобы оно стало таким:

    Тут CSS уже не поможет, т. к. он отвечает за оформление, а не за сам текст. Т. е. либо опять править каждую страницу вручную, либо снова искать решение и двигаться вперёд по пути эволюции. Я выбрал последнее.

    Так я и познакомился с PHP.

Отзыв посетителя:

Здравствуйте Алексей, Ваш сайт оказался для меня очень полезным. Случайно попав на него два года назад в поисках информации о способах заработка в интернете, снова и снова на него возвращаюсь. Пользуясь советами со страниц "сеодед" начал работать на адвего и ряде других ресурсов, сейчас изучаю HTML и CSS, сегодня прочитал о возможностях PHP и статью о создании иконки обязательно применю. Много знаю в теории о продвижении и раскрутке. Постепенно подхожу к созданию собственного сайта, хотел выразить благодарность за доступно изложенную информацию, что и делаю - Спасибо.
Жанат Аристанов.

§ 2. Иллюзия комфорта или умения?

    Теперь можно ответить на вопрос, заданный в начале.

    Подавляющее большинство начинающих вебмастеров предпочитает даже для простого сайта использовать громоздкие системы управления контентом (CMS), блоговые движки и т. д. Но это способ получить решение максимально возможного числа вероятных проблем сразу, а не искать варианты по мере поступления задач. Им лень разбираться в тонкостях, они предпочитают лечить головную боль лекарствами от сразу всех возможных хворей: от насморка до лучевой болезни. Да, при таком раскладе головная боль, скорее всего, пройдёт, но иммунная система организма будет убита напрочь. Что лишит его возможности бороться с проблемами самостоятельно. Именно это и наблюдается на сегодняшний день повсеместно.

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

    Сейчас я покажу свой путь, который сочетает в себе и приемлемый комфорт, и получение новых знаний.

§ 3. PHP и HTML — братья навек

    Мы остановились на том, что мне понадобилось изменить меню на всех страницах сайтах сразу. Не буду описывать весь путь к решению этой проблемы. Перейду сразу к описанию оного.

    Выход был найден в виде вставок php-кода в html-код страниц. Да, для этого всё-таки пришлось править код всех страниц вручную, но это единоразовая работа. После которой обретается смысл жизни и возможность неограниченного редактирования страниц сайта на расстоянии (надеюсь, понятно, что хостинг должен быть при этом с поддержкой PHP?).

    Итак.

    Для начала позволь представить тебе вставку на PHP (после открывающей угловой скобки я ставлю пробел для того, чтобы браузер отображал код, как текст):

< ?php include ($_SERVER["DOCUMENT_ROOT"]."/papka/stranica.html"); ?>

    Если объяснять на пальцах, то этот php-код вставляет в место своего расположения содержимое страницы stranica.html, которая лежит в папке «papka». Папка «papka» должна лежать в корневом каталоге сайта (т. е. там же, где лежит главная страница сайта).

    Таких вставок в html-коде страницы может быть сколько угодно. Т. е. появляется возможность вынести в них весь код, который повторяется на всех страницах сайта, и править его в одном месте.

    Например, каждая страница моего сайта содержит следующие метатеги:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
< meta name="copyright" content="Все права принадлежат Вострову Алексею Николаевичу. Использование любых материалов возможно только с разрешения автора и при указании источника https://www.seoded.ru/">
< link rel="shortcut icon" href="https://www.seoded.ru/favicon.ico">
< link href="css/main.css" rel="stylesheet" type="text/css">
< meta name="keywords" content="вставка, php, html, код">
< meta name="description" content="Зачем нужна вставка PHP кода в HTML и как она выполняется.">
< title>Вставка PHP кода в HTML< /title>
< /head>

    Из них на каждой странице меняются только теги «keywords», «description» и «title». Остальные будут на всех страницах сайта одними и теми же. И при этом иногда возникает необходимость добавить на сайт какой-то новый метатег.

    Мы выносим все одинаковые метатеги в один файл metateg.html:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
< meta name="copyright" content="Все права принадлежат Вострову Алексею Николаевичу. Использование любых материалов возможно только с разрешения автора и при указании источника https://www.seoded.ru/">
< link rel="shortcut icon" href="https://www.seoded.ru/favicon.ico">
< link href="css/main.css" rel="stylesheet" type="text/css">

    А в HTML-код страницы добавляем вставку на PHP:

< ?php include ($_SERVER["DOCUMENT_ROOT"]."/papka/metateg.html"); ?>
< meta name="keywords" content="вставка, php, html, код">
< meta name="description" content="Зачем нужна вставка PHP кода в HTML и как она выполняется.">
< title>Вставка PHP кода в HTML< /title>
< /head>

    При открытии страницы в браузере весь код из metateg.html попадёт на место php-вставки:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
< meta name="copyright" content="Все права принадлежат Вострову Алексею Николаевичу. Использование любых материалов возможно только с разрешения автора и при указании источника https://www.seoded.ru/">
< link rel="shortcut icon" href="https://www.seoded.ru/favicon.ico">
< link href="css/main.css" rel="stylesheet" type="text/css">

< meta name="keywords" content="вставка, php, html, код">
< meta name="description" content="Зачем нужна вставка PHP кода в HTML и как она выполняется.">
< title>Вставка PHP кода в HTML< /title>
< /head>

    Т. е. для пользователя страница будет выглядеть, как чистый HTML.

    Если понадобится добавить на страницу какой-то новый метатег, то делать мы это уже будем в одном-единственном месте — metateg.html

    Таким образом можно вынести в отдельные файлы весь повторяющийся HTML-код: меню, шапку сайта, футер, счётчики, рекламу и т. д. И управлять всем этим добром просто и с комфортом.

    А если заложить вставки PHP-кода изначально, с первых страниц сайта, то мы сразу получим удобный для редактирования проект с набором только нужных нам функций.

Примечание. Для того, чтобы html-страницы обрабатывались, как php (чтобы вставки php-кода в html-код работали без дополнительных телодвижений) нужно, во-первых, купить нормальный хостинг с поддержкой PHP, а, во-вторых, в файл .htaccess (расположен в корневой папке сайта) добавить следующую строчку «AddType application/x-httpd-php5 .php .htm .html» (без кавычек).

§ 4. Заключение

    Вставки PHP-кода являются вариантом решения возникшей проблемы. Они делают простой сайт удобнее и комфортнее. Но, что самое важное, оставляют вебмастеру все преимущества сайта на чистом HTML.

    Используя php-вставки мы решаем конкретную задачу и получаем ровно тот дополнительный функционал, который нам нужен. И ни граммом больше. Плюс остаёмся в курсе того, как работает наш сайт, и держим этот процесс под своим полным контролем.

    А что может быть лучше?


Оставить комментарий, поделиться мнением или задать вопрос...

⇓ 

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки! Так победим.

Поделиться ссылкой на эту страницу в:

Полезные ссылки:

Система Seopult поможет продвинуть ваш сайт в поисковых системах! Вставки PHP делают сайт удобней, а заработок на сайте придаёт дополнительную мотивацию к его развитию.

Ещё материалы по этой теме:

сделать сайт создание тематического сайта создание своего блога создание школьного сайта создание платного сайта

основан в 2008 г. © Все права на материалы сайта Seoded.ru принадлежат Алексею Вострову.
Копирование (полное или частичное) любых материалов сайта возможно только с разрешения автора и при указании ссылки на источник.
Ослушавшихся находит и забирает Бабайка!