[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-html-dlya-chego-prednaznacheny-tegi-ol-ul-li":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":18,"progress":19,"seo":20},1244,"dlya-chego-prednaznacheny-tegi-ol-ul-li",39,"osnovy-html","Основы HTML","📄","Для чего предназначены теги ol, ul, li","Теги `\u003Col>`, `\u003Cul>` и `\u003Cli>` предназначены для создания списков в HTML. `\u003Col>` создаёт нумерованный (упорядоченный) список, `\u003Cul>` — маркированный (неупорядоченный), а `\u003Cli>` определяет отдельный элемент списка.\n\n### Сравнение\n\n| Тег | Тип списка | Маркер по умолчанию | Когда использовать |\n|-----|-----------|---------------------|-------------------|\n| `\u003Col>` | Нумерованный | 1, 2, 3... | Порядок элементов важен (шаги инструкции, рейтинг) |\n| `\u003Cul>` | Маркированный | Точка (disc) | Порядок не важен (список функций, навигация) |\n\n### Примеры\n\n```html\n\u003C!-- Нумерованный список -->\n\u003Col>\n    \u003Cli>Подключить зависимость\u003C\u002Fli>\n    \u003Cli>Настроить application.yml\u003C\u002Fli>\n    \u003Cli>Запустить приложение\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003C!-- Маркированный список -->\n\u003Cul>\n    \u003Cli>Spring Boot\u003C\u002Fli>\n    \u003Cli>Hibernate\u003C\u002Fli>\n    \u003Cli>PostgreSQL\u003C\u002Fli>\n\u003C\u002Ful>\n```\n\n### Атрибуты ol\n\n| Атрибут | Назначение | Пример |\n|---------|-----------|--------|\n| `type` | Тип нумерации: `1`, `a`, `A`, `i`, `I` | `\u003Col type=\"a\">` |\n| `start` | Начальное значение | `\u003Col start=\"5\">` |\n| `reversed` | Обратный порядок | `\u003Col reversed>` |\n\n### Вложенные списки\n\nСписки можно вкладывать друг в друга для создания иерархии:\n\n```html\n\u003Cul>\n    \u003Cli>Backend\n        \u003Cul>\n            \u003Cli>Java\u003C\u002Fli>\n            \u003Cli>Spring\u003C\u002Fli>\n        \u003C\u002Ful>\n    \u003C\u002Fli>\n    \u003Cli>Frontend\n        \u003Cul>\n            \u003Cli>HTML\u003C\u002Fli>\n            \u003Cli>CSS\u003C\u002Fli>\n        \u003C\u002Ful>\n    \u003C\u002Fli>\n\u003C\u002Ful>\n```\n\n> **На собеседовании:** `\u003Col>` — нумерованный список (порядок важен), `\u003Cul>` — маркированный (порядок не важен), `\u003Cli>` — элемент списка. Можно упомянуть вложенность и атрибуты `\u003Col>` (`type`, `start`, `reversed`).","","junior",[15,16,17],"основы","html","frontend",[],null,{"title":21,"description":22,"ogTitle":23,"ogDescription":24,"keywords":25,"schemaAnswer":34,"featuredSnippetReady":35},"Для чего предназначены теги ol, ul, li — Gymterview","Теги ol, ul, li в HTML: нумерованный и маркированный списки. Атрибуты ol (type, start, reversed), вложенные списки. Примеры использования на собеседовании.","Теги ol, ul, li: списки в HTML — Gymterview","ol — нумерованный список, ul — маркированный, li — элемент списка. Атрибуты, вложенность, примеры.",[26,27,28,29,30,31,32,33],"ol","ul","li","нумерованный список","маркированный список","HTML списки","вложенные списки","собеседование","Теги ol, ul и li предназначены для создания списков. \u003Col> — нумерованный (упорядоченный) список, \u003Cul> — маркированный (неупорядоченный), \u003Cli> — элемент списка. ol поддерживает атрибуты type (вид нумерации), start (начальное значение), reversed (обратный порядок). Списки можно вкладывать друг в друга.",true]