Хорошая практика кодирования / модульное структурирование HTML - PullRequest
3 голосов
/ 27 января 2012

Я делаю веб-страницу с двумя уровнями. Первый содержит такие вещи, как дом, музыка, инженерия и т. Д. Каждый уровень имеет подуровень. Инжиниринг мог бы иметь, например, схемы, программирование и т. Д. У меня есть система вкладок, настроенная для навигации, которая выглядит действительно красиво. Я новичок в html, но интуитивно, я хотел бы сделать это модульным, как Java-программа. Поэтому я не уверен, что лучший способ сделать это. Вот некоторые из моих мыслей. Я постараюсь максимально упростить это для целей обсуждения.

Одна главная страница с пробелом для текстового поля, заголовка и изображения. При нажатии на панель навигации изображение, заголовок и текстовое поле изменяются на содержимое этой страницы. Например, нажав engineering-> circuit, изображение меняется на изображение схемы, и текстовое поле говорит о текущем. Ссылка на изображение и текст хранится во внешнем файле (возможно, engineering / circuit.html).

С другой стороны,

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

Я предпочитаю первое из-за простоты и модульности. Цель состоит в том, чтобы иметь аккуратный читаемый код, конечно. Я ненавижу иметь одну и ту же вещь в нескольких местах (как, я уверен, большинство хороших программистов). Любая обратная связь приветствуется вместе с информацией о том, как включить содержимое из других файлов. Спасибо!

Чет

1 Ответ

1 голос
/ 27 января 2012

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

<?php

 include 'includes/header.php';

?> 
...