Разработка сайта HTML: div's vs ul для навигации и меню

Question

Я работаю над созданием сайта Web 2.0 и смотрю, как сайты работают с меню и навигационными панелями. Многие сайты (например, Twitter) используют UL, в то время как сайты, такие как stackoverflow, используют div, которые являются идентификаторами, содержащими ссылки.

Есть ли преимущество в том, что вы не используете UL, кроме того, что это устраняет некоторые ошибки IE?

Есть ли преимущество использования UL?

Спасибо!

Answer 1

Это зависит от того, как вы на это смотрите, UL обозначает неупорядоченный список. Помещение вещей в элемент UL - это семантический способ сказать, что дочерние элементы (<li>) являются элементами списка и, следовательно, логической группой. Что дает фрагменту html больше структуры / значения, чем просто набор тегов div.

Является ли меню списком? Я думаю так. Так что, если вы можете что-то подобное, предпочтите ul.

Уль может быть сложнее в стиле с CSS, особенно когда меню горизонтальное.

Answer 2

Лично я использую ul / li для всех своих потребностей в меню, так как даже непростому браузеру (например, «Ссылки») становится ясно, что это какое-то меню и что это различные ссылки, которые ведут на разные части веб-сайт.

Мало того, но разметка удивительно проста и позволяет делать очень интересные вещи, используя ul, li и a, чтобы создавать потрясающие меню с помощью CSS с различными параметрами, фоны спрайтов CSS.

Использование divs также делает это возможным, но делает намерение менее ясным. С браузером, который делает правильный макет CSS, вы не заметите разницы, и единственное, что вы узнаете, это вы и пользователь, который создает источник просмотра.

Это может иметь значение, если вам нужно разобрать дом, используя javascript, это может не ...

Answer 3

UL более дружественны для программ чтения с экрана и являются способом заставить вас содержать меню в чистоте от других HTML. При желании li-теги могут обрабатываться как div.

Так что, в основном, разница в том, что ul-tag немного более специализирован, но может доставлять практически то же самое, что и div.