Использование UL вместо DIVS - рекомендуется, где использовать 1 или другой?

Question

экспериментировал с неупорядоченным списком UL, и мне показалось, что я использую их вместо divs.

Так что я немного запутался, когда мне следует использовать div и ul ..

например, если у меня есть 3 колонки, то я предполагаю, что я использовал здесь div, хотя я могу использовать UL

Кроме того, в правом столбце у меня есть много форматирования, идея заключалась в том, чтобы поместить div с div'ами в divs ...

Кто-нибудь может указать, когда использовать один поверх другого, и есть ли какие-либо проблемы совместимости браузера?

Я видел, как некоторые сайты говорят, что UL чище, чем div, но так ли это?

, а также люди, заявляющие, что вы можете создать полный макет с использованием UL и LI, но вы бы никогда этого не сделали - почему?

Я думаю, вы видите, куда я иду с этим, я просто не понимаю, когда использовать один над другим.

Одним из примеров является то, что в моей 3-й колонке (справа) - это div, но внутри мне нужно поместить закругленную КОРОБКУ, поэтому я подумывал о том, чтобы поместить больше div в это с угловыми изображениями?

Любая помощь будет очень признательна

Answer 1

UL означает неупорядоченный список . Используйте его для списков предметов, где порядок не имеет значения.

DIV означает деление . Используйте его для группировки предметов.

UL чище, чем divs * ЕСЛИ вы делаете список. Меню в основном список ссылок. Галерея имеет список изображений. На форуме есть список сообщений и список пользователей.

RE: закругленные углы: есть HTML, и есть более семантическая HTML. Вы можете использовать <div> для чего угодно, и вряд ли заметите разницу, но использование правильных элементов облегчит понимание (как вами, когда вы собираете дизайн, так и скребками, пытающимися найти нужный элемент в страницы и достаточно умные поисковые системы, идентифицирующие фрагменты контента и элементы навигации).

Таким образом, для того, чтобы делать закругленные углы, вы должны учитывать, заслуживает ли угол того, чтобы угол заслуживал своего собственного div без содержимого (что, к сожалению, из-за современных движков рендеринга, это делает), или если вы можете использовать лучшее решение (т.е. Если боковая панель имеет фиксированный размер, вы можете обойтись одним фоном, если вам нужно развернуть ее в одном измерении, вы можете использовать два: потолок с выравниванием по верху и пол с выравниванием по нижнему краю на своем «мобильном» "div (теоретически вы можете избежать дополнительного div, изменив нижний элемент div)).

Answer 2

- это просто блочный элемент, который должен быть отформатирован css.

Answer 3

UL являются элементами списка. Поэтому, если у вас есть набор элементов, представляющих собой список, вы должны использовать UL. Хорошим примером является набор опций меню - они хорошо работают как UL.

Answer 4

лично я использую div и охватывает большинство мест для макета, тогда как ul используются для списка ссылок, пунктов меню, миниатюр и т. Д.

Answer 5

Они даже близко не идентичны. DIV примерно настолько близок, насколько вы можете добраться до «чистого» элемента, то есть элемента, который не сопровождается большим количеством багажа: отступы, маржа и т. Д. Чтобы уточнить, DIV действует примерно так же, как и в Firefox. в IE. Но UL (особенно с детьми LI) имеет разную степень заполнения и разное поведение. Постарайтесь, чтобы пули в элементах LI выглядели одинаково, и вы поймете, о чем я говорю.

Одна вещь, для которой хорош UL с элементами LI, и которая здесь не упоминалась, - это создание «булочной крошки». Вы должны установить элементы для отображения inline, но это дешевый и простой способ получить горизонтальный поток блоков без плавающей кучки div. Но даже здесь пробег у разных браузеров разный. Будьте правы, наверное.

Answer 6

Люди склонны использовать UL вместо DIV, когда стилизуемые ими элементы более семантически эквивалентны спискам (например, панели навигации или страницы содержимого), особенно в случае, когда длина содержимого может измениться (при редактировании список позже). С практической точки зрения нет большой разницы, хотя программы чтения с экрана и другие доступные технологии могут легче читать навигационную панель, если она представляет собой список, а не кучу элементов div.