Как PHP взаимодействует с HTML и наоборот?

HTML – это язык Интернета. Это язык разметки, который означает, что единственное, что мы можем использовать для этого – это «разметка» документов, то есть дизайн, как контент будет выглядеть для конечного пользователя.

Представьте, что у нас была страница с указанием даты.

Мы могли бы использовать некоторый HTML для этого:

 <p>Sunday 26 August 2012</p> 

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

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

Это то, где PHP входит. PHP – это язык сценариев, и хотя его можно использовать для множества вещей, одним из основных его применений является генерация HTML динамически. Поэтому вместо того, чтобы писать в сегодняшнюю дату, мы можем использовать некоторый PHP и говорить.

 <p><? echo date("lj FY");?></p> 

Это будет печатать для меня «воскресенье 26 августа 2012 года» сегодня, «понедельник, 27 августа 2012 года» завтра и так далее.

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

Мы можем сделать много классных вещей с PHP. Это технология «серверная», что означает, что она выполняет свою работу на сервере, а затем отправляет нам завершенную страницу со всем добавленным динамическим контентом.

Иногда мы могли бы захотеть контролировать и изменять страницу после того, как она дошла до браузера пользователя. Для этого нам понадобится технология «клиентской стороны», то есть код, который выполняется в браузере пользователя. И наиболее распространенным языком на стороне клиента является javascript.

Снова мы можем многое сделать с Javascript, но чаще всего мы используем его на веб-страницах, чтобы мы могли контролировать элементы HTML-страницы после того, как она дошла до пользователя.

Мы могли бы скрыть что-то на странице, а затем показать ее только после того, как пользователь нажал кнопку. Мы можем сделать это с помощью javascript.

Теперь, поскольку Javascript является «клиентской» технологией, то есть он запущен в вашем браузере, на самом деле это может быть довольно сложно использовать, потому что вам придется писать код, который работает в разных браузерах, а теперь и на мобильных телефонах! Чтобы упростить эту работу, очень умные разработчики сильно пострадали от использования javascript для управления элементами на веб-страницах путем создания библиотек и фреймворков для использования. Одним из наиболее популярных из них является структура jQuery . Я думаю, что jQuery – самая интересная вещь для изучения, потому что она позволяет вам делать все «классные вещи» на веб-страницах – заставлять вещи исчезать, заставлять материал исчезать, воспроизводить звуки, перемещать элементы вокруг и т. Д. И т. Д.

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

Версия TL, DR это будет:

HTML и CSS – определяет, как будут выглядеть ваши страницы.

PHP – позволяет динамически генерировать HTML-код.

JavaScript – позволяет сделать ваши страницы более интерактивными и может реагировать на клики или другие действия вашего пользователя.

Самое важное, что нужно понять, это разница между HTML и PHP. В HTML вы пишете свой код, загружаете его, и впоследствии пользователь будет загружать эту страницу вместе со всем кодом. Браузер пользователя интерпретирует этот код и показывает пользователю страницу, как вы ее предполагали (надеюсь). Другими словами, HTML – это то, что вы видите, это то, что вы получаете, в том смысле, что весь код переходит к пользователю и интерпретируется браузером.

С PHP он работает по-другому, потому что вы фактически не загружаете код, который написал автор. Что происходит, так это то, что если вы хотите загрузить php-страницу, код в этом файле сначала обрабатывается сервером, и вы загружаете вывод кода, а не весь код, как есть. Это, в свою очередь, будет HTML как и раньше, поэтому вы никогда не видите PHP-код в источнике веб-страницы.

С PHP целью является использование вычислительных мощностей сервера для создания (обычно) динамических веб-страниц. Очень простой пример показывает правильное приветствие на время дня на веб-странице.

Небольшое изменение…

PHP-процессор сканирует страницу, по характеру.
Пока <? PHP обнаруживает, что этот текст отправляется непосредственно на веб-сервер в режиме копирования.
(этот текст может быть HTML, XML, JavaScript или что-то еще).
Однажды в <? PHP обнаружен, что вход направляется на PHP, который делает все, что будет с ним.
Любой стандартный вывод «print» из PHP отправляется в исходящий HTTP-поток.
После обнаружения?> Поток возвращается в исходный режим копирования.

PHP имеет возможность отправлять HTML, CSS, JavaScript или что-то еще. Вам может потребоваться принудительно ввести тип контента, но это может быть сделано.

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

Статические файлы просто отправляются сервером непосредственно в браузер. Это не просто HTML, это также делается для файлов изображений. И когда вы загружаете приложения или PDF, используется один и тот же механизм – это может быть ZIP-файл, EXE, образ диска (общий для Mac-загрузки).

В случае с динамическими файлами файл выполняется каким-то образом, а полученный результат отправляется в браузер. Динамический файл может быть на любом языке – он может даже быть двоичным скомпилированным исполняемым файлом. Однако языки сценариев, как правило, наиболее популярны, просто потому, что они, как правило, легче писать в веб-приложениях. И в результате существует множество библиотек, которые были написаны для поддержки веб-приложений – это положительная обратная связь. В первые дни Интернета Perl был, вероятно, самым распространенным языком; у нас не было множества языков сценариев, которые мы делаем сейчас.

Что делает PHP несколько особенным, так это то, что он был разработан специально для сценариев веб-страниц. На всех других языках вам нужно написать явные команды для создания любого вывода. PHP-процессор просто выводит содержимое файла дословно, пока он не встретит маркер <?php (есть также некоторые другие маркеры, которые он распознает). Затем он начинает выполнение программы до тех пор, пока не увидит ?> , После чего она вернется к дословному выводу.

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

 <?php if(something){ ?> some text <?php } else { ?> some other text <?php } 

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

И хотя чаще всего PHP-скрипты выводят HTML, они не всегда. Нередко есть сценарий PHP, который выводит изображения. Это может быть сделано с помощью базы данных для хранения изображения или местоположения файла изображения. Он также имеет встроенные и библиотечные функции, которые могут генерировать данные изображения «на лету». Например, если вы перейдете на веб-сайт, который создает графики, эти графики могли бы быть созданы с помощью PHP-скрипта.