Списки

Автор: Анна Лысак и Татьяна Головко Дата публикации: 17.06.2011

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

Упорядоченный список (тег <ol>)

Для меню и навигационных ссылок

Неупорядоченный список (тег <ul>)

Для представления списков однотипных объектов

Списки определений (тег <dl>)

Описание пар ключ/значение

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

<h2>iPhone 3GS</h2>
<dl>
	<dt>Price</dt>
	<dd>300 EUR</dd>
	<dt>Memory</dt>
	<dd>32Gb</dd>
	<dt>Network</dt>
	<dd>3G, Wifi, Bluetooth</dd>
</dl>

Тег <dt> используется для ключа, а тег <dd> для значения (описание определения). Так гораздо полезней, семантически правильней и чище, чем при использовании таблиц. Позже, в CSS мы сможем оформить элементы.

Куда дальше

По теме