Стандартизированные дизайнерские решения - Руководство по языку и стилю разметки
Решения веб -стандартов Руководство по наценке и стилю
Часть 1: Начните с разметкой с разметкой
ГЛАВА 1 СПИСОК
Списки можно найти почти на каждой странице в Интернете. Списки гиперссылки; Списки предметов корзины для покупок; Фильмы, которые вам нравятся ... и даже навигационные списки для всего сайта. Некоторым может показаться, что списки построены по желанию, но мы собираемся исследовать именно то, как создавать списки, а также преимущества и недостатки нескольких общих методов. Позже мы перечислим несколько примеров того, как украсить обычный эпизод списка.
Пойдем по магазинам
Первоначально я планировал использовать подробный список (список прачечной) в качестве примера для этой главы, но вскоре я понял, что понятия не имел, какие детали должны быть включены в этот список, так что ... ради примера, давайте использовать еду в качестве примера!
Давайте представим, что вам нужно поместить список еды на свой собственный веб -сайт. Вы можете быть озадачены тем, почему вы хотите поместить список еды на веб -сайте. Это может быть не по теме. Нам просто нужна причина, чтобы начать думать о списке ...
На странице предположим, что мы хотим, чтобы список выглядел так, как ... ну, он выглядит как список, то есть длинный список вертикальных списков, каждый из которых занимает исключительно одну строку:
Яблоки
Спагетти
Зеленая фасоль
Молоко
Это выглядит очень просто, не так ли? Подобно многим аспектам дизайна и разработки страниц, мы можем достичь того же (или аналогичного) эффекта с помощью множества различных методов. Как и во всех примерах, позже в этой книге, я представлю все примеры с точкой зрения обширного языка наценки гипертекста (XHTML) - и убедитесь, что выбранный метод использует правильный синтаксис разметки, следуя различным стандартам, установленным World Wild Consortium (W3C).
Мы можем легко добавить тег <br /> в каждый проект и сделать его выполненным, или мы можем использовать различные теги проекта списка для выполнения этой работы. Теперь давайте посмотрим на 3 совершенно разных метода и характеристики каждого метода.