Заключение

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

Когда вы узнали, как правильно использовать списки HTML, то, вероятно, обнаружите, что используете их все время. Существует много контента в Web, который должен помещаться в списки, но был просто вставлен в базовый элемент с несколькими тегами переноса строки. Эта располагающая к лени практика, которая создает значительно больше проблем, чем решает — поэтому не делайте этого! Вы должны всегда создавать семантически правильные списки, чтобы облечить людям чтение создаваемых Web-сайтов. Это значительно лучшая практика для каждого, и не в последнюю очередь для себя, когда понадобится обслуживать сайты в дальнейшем.

Дополнительное чтение

A List Apart: Укрощение списков (http://www.alistapart.com/articles/taminglists/) W3C CSS2: определение list-style-type (http://www.w3.org/TR/REC-CSS2/generate.html#lists)

Контрольные упражнения

Вы должны суметь ответить на следующие вопросы:

Какие существуют три типа списков HTML?

Когда должен использоваться каждый тип списка? Как выбрать один из них?

Как вкладывать списки друг в друга?

Почему для стилевого оформления списков нужно использовать CSS, а не HTML?

Об авторе

Бен Бушанан начал создавать Web-страницы более десяти лет назад, когда получил степень по всем наукам, кроме ИТ. Он работал как в публичном (университет), так и в частных cекторах экономики; и работал над перепроектированием крупных Web-сайтов, включая The Australian (http://www.theaustralian.com.au/) и три поколения корпоративного Web-сайта Griffith University (http://www.griffith.edu.au/). Он работает сейчас в качестве Архитектора внешнего представления для News Digital Media (http://www.newsdigitalmedia.com.au/) и поддерживает 200ok weblog (http://weblog.200ok.com.au/).

13