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

Question

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

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

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

Спасибо!

Answer 1

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

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

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

Это может иметь значение, если вам нужно проанализировать dom с помощью javascript, а может и нет...

Answer 2

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

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

ul может быть сложнее стилизовать с помощью css, особенно когда меню горизонтальное.

Answer 3

UL более удобны для программ чтения с экрана и являются способом заставить вас содержать меню в чистоте от других html-файлов.Li-теги, по сути, могут обрабатываться как divs, если вы этого хотите.

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