# 021: Разбивка на включаемые части - CSS-хитрости

Anonim

Теперь, когда у нас есть собственный локальный домен, мы можем использовать PHP. «P» в MAMP означает «PHP» =). Использование PHP означает, что мы можем использовать include. Например:

Наша цель - сделать статичную страницу «сообщения в блоге», с которой можно было бы возиться. Мы могли бы сделать это, продублировав нашу страницу index.html (теперь index.php), но если бы мы это сделали, в этом файле было бы много повторяющегося кода. Помните, мы стараемся оставаться максимально СУХИМИ (не повторяйтесь).

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

Теперь наша страница index.php и наш blogpost.php используют несколько включений и различаются только в том, что действительно важно: в контенте.

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

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

Мы создали blogpost.php с реальным HTML из реального сообщения в блоге. Потому что, как всегда, лучше разрабатывать реальный контент, чем фальшивый. Потребуется много работы, но у нас есть отличная основа для работы.