diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json
index dc0536f..5d6d55d 100644
--- a/.obsidian/workspace.json
+++ b/.obsidian/workspace.json
@@ -156,7 +156,7 @@
                   "profileSourceId": "7004edff-76db-412f-95d3-5fd8e180d055",
                   "serial": {
                     "columns": 48,
-                    "data": "\u001b[48;5;22m    \u001b[2m     \u001b[38;2;205;214;244;22mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[11X\r\n\u001b[39m    \u001b[2m596 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\u001b[25X\r\n\u001b[39m    \u001b[2m597 \u001b[32;22m+\u001b[39X\r\n\u001b[39m    \u001b[2m598 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[1X\r\n\u001b[39m    \u001b[2m599 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mHTML</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[20X\r\n\u001b[39m    \u001b[2m600 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"Основы HTML (структура\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m таблицы\u001b[38;2;147;153;178m,\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mформы)\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mОсновы HTML (структура\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m табл\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mицы\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m формы)</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[20X\r\n\u001b[39m    \u001b[2m601 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mHTML описывает структуру докум\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mента. Важно знать базовый каркас\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m роль\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m`\u001b[38;2;137;180;250mhead\u001b[38;2;205;214;244m` и `\u001b[38;2;137;180;250mbody\u001b[38;2;205;214;244m`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m блочные и строчные эле\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mменты\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m семантические теги\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m атрибуты `cl\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mass`/`id`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m ссылки\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m изображения\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m списки\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи таблицы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[25X\r\n\u001b[39m    \u001b[2m602 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `class\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m` можно повторять\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `id` должен быть уни\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mкальным; таблицы — для табличных данных\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m,\u001b[38;2;205;214;244m не для макета.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\u001b[17X\r\n\u001b[39m    \u001b[2m603 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-2\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[2X\r\n\u001b[39m    \u001b[2m604 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\u001b[25X\r\n\u001b[39m    \u001b[2m605 \u001b[32;22m+\u001b[39X\r\n\u001b[39m    \u001b[2m606 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-html-fo\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mrms\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[34X\r\n\u001b[39m    \u001b[2m607 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mHTML Forms</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[14X\r\n\u001b[39m    \u001b[2m608 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"Основы HTML (структура\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m таблицы\u001b[38;2;147;153;178m,\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mформы)\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mОсновы HTML (структура\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m табл\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mицы\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m формы)</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[20X\r\n\u001b[39m    \u001b[2m609 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mФорма отправляет данные на сер\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mвер. `action` задаёт URL\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `method` — сп\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mособ отправки. `\u001b[38;2;137;180;250mlabel\u001b[38;2;205;214;244m` связывается с по\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mлем через `for` и `id`. `name` определя\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mет имя параметра при отправке. `require\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22md` и типы \u001b[38;2;137;180;250minput\u001b[38;2;205;214;244m помогают браузерной вал\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mидации\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m но не заменяют серверную провер\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mку.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m610 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: у \u001b[38;2;137;180;250mradi\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mo-кнопок\u001b[38;2;205;214;244m одной группы должен быть одина\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mковый `name`; у `\u001b[38;2;137;180;250mbutton\u001b[38;2;205;214;244m` внутри формы л\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mучше явно задавать `type`.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m611 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-3\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку HTML Forms</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m612 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m613 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m614 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-css-sel\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mectors\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m615 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCSS selectors</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m616 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"Основы\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m селекторы и блочная модел\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mь\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCSS: Основы и селекторы</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m617 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCSS-селектор выбирает элементы\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m,\u001b[38;2;205;214;244m к которым применяются правила. Нужно\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mразличать селекторы тега\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m класса\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m id\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m а\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтрибута\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m псевдокласса и комбинаторы. Ка\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mскад учитывает важность\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m специфичность\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи порядок правил.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m618 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mСпецифичность:\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22minline &gt; ID &gt; класс/атрибут/псевд\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mокласс &gt; тег/псевдоэлемент.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m619 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-4\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку CSS</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m620 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m621 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m622 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-css-pro\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mps\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m623 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCSS базовые свойства</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m624 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"Основы\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m селекторы и блочная модел\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mь\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCSS: Основы и селекторы</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m625 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mБлочная модель состоит из \u001b[38;2;137;180;250mcont\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22ment\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m padding\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m border и margin. `\u001b[38;2;137;180;250mbox-siz\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22ming\u001b[38;2;205;214;244m` меняет расчёт ширины. Текстовые св\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mойства управляют шрифтами\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m выравнивание\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mм\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m межстрочным расстоянием\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m расстоянием\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m между буквами и декором текста. Фон за\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mдаётся через группу `background-\u001b[38;2;137;180;250m*\u001b[38;2;205;214;244m`.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m626 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `width\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m` при `\u001b[38;2;137;180;250mcontent-box\u001b[38;2;205;214;244m` не включает padding\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m/border\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m при `\u001b[38;2;137;180;250mborder-box\u001b[38;2;205;214;244m` включает.</\u001b[38;2;137;180;250mdi\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m627 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-4\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку CSS</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m628 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m629 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m630 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-layout\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\r\n\u001b[39m    \u001b[2m631 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mFlexbox и Grid</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m632 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"Адаптивность\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m Flexbox и Grid\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mCSS: Адаптивность\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m Flexbox и Grid</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m633 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mFlexbox — одномерная модель ра\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mскладки по главной и поперечной оси. Gr\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mid — двумерная сетка строк и колонок. F\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mlex удобен для распределения элементов\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mв строке или колонке\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m Grid — для общего\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m макета страницы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m634 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `\u001b[38;2;137;180;250mjusti\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mfy-content\u001b[38;2;205;214;244m` работает по главной оси fle\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mx\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `\u001b[38;2;137;180;250malign-items\u001b[38;2;205;214;244m` — по поперечной; `fr`\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m— доля свободного пространства Grid.</\u001b[38;2;137;180;250md\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22miv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m635 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-5\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Flex/Grid</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m/\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m636 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m637 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m638 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mmodels\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m639 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango models</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m640 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Модели и ORM\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m Модели и ORM</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m641 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mМодели описывают структуру таб\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mлиц и связи между ними. `CharField` тре\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mбует `max_length`; `ForeignKey` задаёт\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m`on_delete`; `ManyToManyField` создаёт\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mпромежуточную таблицу или использует ук\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mазанную через `through`. Миграции перен\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mосят изменения моделей в БД.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m642 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `null=\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mTrue` относится к БД\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `blank=True` — к\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mформам/валидации Django.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m643 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-d\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mjango\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Django</\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m644 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m645 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m646 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mfbv\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m647 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango FBV</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m648 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m649 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mFBV — обычная функция-представ\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mление. Она принимает `request`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m получае\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mт данные\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m вызывает `render` или возвращ\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mает другой `HttpResponse`. Маршрутизиру\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mется через `\u001b[38;2;137;180;250mpath\u001b[38;2;205;214;244m()` прямой передачей фу\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mнкции.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m650 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `rende\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mr(request\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250mtemplate\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m context)` возвраща\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mет HTTP-ответ; `get_object_or_404` возв\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mращает объект или 404.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m651 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-d\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mjango\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Django</\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m652 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m653 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m654 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcbv\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m655 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango CBV</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m656 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m657 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCBV — классовые представления\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mс готовой логикой. `TemplateView` показ\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mывает шаблон\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `ListView` выводит список\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m,\u001b[38;2;205;214;244m `DetailView` выводит один объект. В U\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mRL подключаются через `\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mas_view\u001b[38;2;205;214;244m()`.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m658 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `ListV\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22miew` по умолчанию даёт `object_list`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mDetailView` — `\u001b[38;2;137;180;250mobject\u001b[38;2;205;214;244m`; шаблоны по умол\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mчанию `model_list\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mhtml\u001b[38;2;205;214;244m` и `model_detail\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m.\u001b[38;2;249;226;175mhtml\u001b[38;2;205;214;244m`.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m659 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-d\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mjango\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Django</\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m660 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m661 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m662 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22murls\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m663 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango URLs</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m664 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m665 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`urlpatterns` связывает URL с\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mпредставлениями. `\u001b[38;2;137;180;250mpath\u001b[38;2;205;214;244m()` использует ro\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mute\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m view\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m kwargs и name. Конвертеры вр\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mоде `int`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `slug`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `uuid`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `\u001b[38;2;137;180;250mpath\u001b[38;2;205;214;244m` извле\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mкают параметры. `reverse()` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% url %\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m}\u001b[38;2;205;214;244m` строят URL по имени маршрута.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m666 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: не хар\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mдкодить URL\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m если есть именованный марш\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mрут и `reverse`/`url`.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m667 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-urls\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m668 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m669 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m670 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mtemplates\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m671 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mЯзык шаблонов Django</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m672 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m673 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDTL использует переменные `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m{\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mvalue \u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m}`, теги `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% tag %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и фильтры `\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m{\u001b[38;2;205;214;244m{ value|\u001b[38;2;137;180;250mfilter\u001b[38;2;205;214;244m \u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m}`. Наследование строи\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтся через `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% extends %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% block %\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m}\u001b[38;2;205;214;244m`. Статика подключается через `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% load\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m static %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% static 'path' %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m`.</\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\r\n\u001b[39m    \u001b[2m674 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: функци\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи Python с произвольными аргументами на\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mпрямую из шаблона вызывать нельзя; испо\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mльзуют теги\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m фильтры или подготовку дан\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mных во view.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m675 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-templates\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m676 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m677 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m678 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mqueries\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m679 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango queries</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m680 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Модели и ORM\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m Модели и ORM</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m681 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mQuerySet ленив: запрос выполня\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mется при фактическом обращении к данным\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m. Методы можно цепочечно комбинировать.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m `get()` возвращает один объект или оши\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mбку, `\u001b[38;2;137;180;250mfilter\u001b[38;2;205;214;244m()` возвращает QuerySet\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `a\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mggregate()` возвращает итоговый словарь\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m, `annotate()` добавляет вычисляемые по\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mля к объектам.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m682 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `selec\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt_related` — для ForeignKey/OneToOne че\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mрез JOIN; `prefetch_related` — для Many\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mToMany и обратных связей отдельными зап\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mросами.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m683 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-queries\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m684 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m685 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m686 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mforms\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m687 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango forms</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m688 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Работа с формами и CUD\u001b[38;2;147;153;178m.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Работа с формами и CUD</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m/\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m689 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`forms\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mForm\u001b[38;2;205;214;244m` описывает форму в\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mручную\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `forms\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mModelForm\u001b[38;2;205;214;244m` строится по м\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mодели через `Meta`. `is_valid()` запуск\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mает валидацию, `cleaned_data` содержит\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mочищенные данные\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `clean_<field\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m()` вал\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mидирует поле, `clean()` — форму целиком\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m. `widget` управляет HTML-представление\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mм поля.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m690 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `\u001b[38;2;137;180;250mform\u001b[38;2;147;153;178m.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22msave\u001b[38;2;205;214;244m()` есть у ModelForm; серверная вал\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mидация обязательна\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m HTML `required` не\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mзащита.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m691 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-forms\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m692 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m693 \u001b[32;22m+\u001b[38;2;205;214;244m  </\u001b[38;2;137;180;250msection\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m694 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m695 \u001b[32;22m+\u001b[38;2;205;214;244m  <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mtop\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНаверх\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m696 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mmain\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m697 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mbody\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m698 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mhtml\u001b[38;2;147;153;178m>\r\n\u001b[0m\u001b[48X\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mHTML собран. Проверяю технические вещи:\r\n  повторяющиеся якоря, наличие целевых файлов и\r\n  возможность напечатать PDF через headless\r\n  Chromium.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mwhich\u001b[38;2;205;214;244m chromium\r\n\u001b[39;2m  └ /usr/bin/chromium\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mo\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"id=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m[^\"\u001b[38;2;205;214;244m]+\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\" \"\u001b[38;2;205;214;244m90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mвеб-разработке.html\u001b[38;2;166;227;161m\"\r\n\u001b[39;2m  └ zsh:1: unmatched \"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mstat\r\n\u001b[39;2m  └ .obsidian/workspace.json | 28 ++++++++++++\r\n\u001b[0m    \u001b[2m++--------------\r\n\u001b[0m    \u001b[2m 1 file changed, 14 insertions(+), 14\r\n\u001b[0m    \u001b[2mdeletions(-)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mОдна проверочная команда сломалась на\r\n  кавычках, без влияния на файлы. Повторяю её\r\n  нормальной quoting-командой и сразу исправлю\r\n  найденные дубли якорей, если будут.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m?? \"90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.html\"\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mo\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'id=\"[^\"]+\"'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ (no output)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[36;22mrg\u001b[0m с шаблоном для атрибутов не поймал HTML,\r\n  поэтому проверю через более простые поиски по\r\n  \u001b[36mid=\u001b[0m и ссылкам. Заодно вижу, что \u001b[36m.obsidian/\r\n\u001b[0m  \u001b[36mworkspace.json\u001b[0m уже изменён вне моей задачи,\r\n  его не трогаю.\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"href=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m#[^\"\u001b[38;2;205;214;244m]+\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\" \"\u001b[38;2;205;214;244m90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mвеб-разработке.html\u001b[38;2;166;227;161m\"\r\n\u001b[39;2m  └ zsh:1: unmatched \"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"href=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m#s-meta\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mid=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161ms-meta\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 4 matches in 3F:\r\n\r\n    … +11 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m   300: <a href=\"#s-meta\">Class Meta</a>\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"id=\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 115 matches in 71F:\r\n\r\n    … +237 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +20\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mНашёл реальный конфликт якоря \u001b[36ms-meta\u001b[0m: HTML\r\n  meta-теги и Django \u001b[36mClass Meta\u001b[0m. Исправляю\r\n  Django-якорь на отдельный \u001b[36ms-django-meta\u001b[0m.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Подготовка к\r\nэкзамену по веб-разработке.html (\u001b[32m+2\u001b[0m \u001b[31m-2\u001b[0m)\r\n    \u001b[2m299 \u001b[0m \u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-migrations\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mМиграци\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mи\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m300 \u001b[31;22m-\u001b[38;2;205;214;244;2m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-meta\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mClass Meta\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;22;22m    \u001b[2m300 \u001b[32;22m+\u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-django-meta\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mClass\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mMeta\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m301 \u001b[0m \u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-null-blank\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mnull/bl\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mank\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m471 \u001b[0m \u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-migra\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22mtions\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mМиграции\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`makemigrati\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mons` создаёт файлы миграций из изменени\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mй моделей, `migrate` применяет их к баз\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mе данных.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhre\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-django-models\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: Django m\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22models\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m472 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-meta\"\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m уровне форм/валидации Django.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mcl\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-django-model\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22ms\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: Django models\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"$1\\n\"}'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ (no output)\r\n\u001b[0m         Web/Подготовка к экзамену по веб-\r\n         разработке.html\\\"); s=p.read_text();\r\n         ids=set(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s));\r\n         missing=sorted(set(hrefs)-ids);\r\n         print(\\\"missing\\\", missing);\r\n         print(\\\"ids\\\",\r\n         len(ids), \\\"hash_links\\\", len(hrefs))\"\r\n\r\n\u001b[33m⚠ Falling back from WebSockets to HTTPS\r\n\u001b[0m  \u001b[33mtransport. stream disconnected before\r\n\u001b[0m  \u001b[33mcompletion: Connection reset by peer (os error\r\n\u001b[0m  \u001b[33m104)\r\n\r\n\u001b[31m■ stream disconnected before completion: error\r\nsending request for url\r\n(https://chatgpt.com/backend-api/codex/responses)\r\n\r\n\u001b[39;48;5;238m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mПродолжи\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[31m■ stream disconnected before completion: error\r\nsending request for url\r\n(https://chatgpt.com/backend-api/codex/responses)\r\n\r\n\u001b[39;48;5;238m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mПродолжи\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПродолжаю. Осталось: собрать PDF, перенести\r\n  обработанные Inbox-исходники в архив и\r\n  обновить \u001b[36m99 System/INDEX.md\u001b[0m.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"generated:|Vault Index|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mtotal:\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"*.py\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"*.sh\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"*.md\"\r\n\u001b[39;2m  └ 3 matches in 1F:\r\n\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m     6: # Vault Index\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/Archive\"\r\n\u001b[39;2m  └ 04 Tools/\r\n\u001b[0m    \u001b[2mCourses/\r\n    … +93 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mЭкзамен - MOC.md  8.2K\r\n\u001b[0m    \u001b[2mЭкзамен.pdf  179.2K\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrealpath\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ /home/ada/Documents/Vaults/SecondBrain/90\r\n\u001b[0m    \u001b[2mLibrary/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.html\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mГенерирую PDF из локального HTML через\r\n  headless Chromium. Если Chromium упрётся в\r\n  sandbox/Wayland, повторю с нужными флагами.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 160997 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mPDF собрался. Перед архивированием проверяю,\r\n  нет ли уже файлов с такими именами в \u001b[36m99\r\n\u001b[0m  \u001b[36mSystem/Archive\u001b[0m, чтобы не перезаписать\r\n  источник.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 5 page(s)\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mArchive/00_базовые_понятия.pdf\"\r\n\u001b[39;2m  └ ls: cannot access '99 System/\r\n\u001b[0m    \u001b[2mArchive/00_базовые_понятия.pdf': No such\r\n\u001b[0m    \u001b[2mfile or directory\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/Archive/Подготовка к\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mэкзамену по Веб-Разработке.md\"\r\n\u001b[39;2m  └ ls: cannot access '99 System/Archive/\r\n\u001b[0m    \u001b[2mПодготовка к экзамену по Веб-Разработке.md':\r\n\u001b[0m    \u001b[2mNo such file or directory\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox\"\r\n\r\n\u001b[39;2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mКонфликтов в архиве нет. Переношу обработанные\r\n  исходники из Inbox в Archive, как в workflow\r\n  ingest.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mmv\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox/Подготовка к экзамену по\r\n\u001b[39;2m  └ (no output)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mmv\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox/00_базовые_понятия.pdf\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mSystem/Archive/00_базовые_понятия.pdf\"\r\n\u001b[39;2m  └ (no output)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mТеперь обновляю индекс точечно: добавлю новые\r\n  Markdown-заметки в их разделы,\r\n  перенесённый \u001b[36m.md\u001b[0m из Inbox в Archive и поправлю\r\n  дату/общее количество. PDF/HTML в индекс не\r\n  входят, он индексирует \u001b[36m.md\u001b[0m.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m read \u001b[38;2;166;227;161m\"99 System/INDEX.md\"\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mtail-lines\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22m80\r\n\u001b[39;2m  └\r\n\u001b[0m    \u001b[2m| Заметка | Aliases | Status | Type | Tags |\r\n    … +81 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m| [[Travel Item]] | — | seed | knowledge |\r\n\u001b[0m    \u001b[2m[travel] |\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.md\u001b[2m in \u001b[0m.\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mТекущий фактический счётчик Markdown-файлов —\r\n  504, значит индекс надо поднять с 497 до 504.\r\n  Сейчас внесу только нужные строки, без полной\r\n  перегенерации всего индекса.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 99 System/INDEX.md (\u001b[32m+9\u001b[0m \u001b[31m-3\u001b[0m)\r\n    \u001b[2m  1 \u001b[0m \u001b[38;2;147;153;178m---\r\n\u001b[39;48;5;52m    \u001b[2m  2 \u001b[31;22m-\u001b[38;2;205;214;244;2mgenerated: 2026-06-03\u001b[18X\r\n\u001b[39;22m    \u001b[2m  3 \u001b[31;22m-\u001b[38;2;205;214;244;2mtotal: 497\r\n\u001b[39;48;5;22;22m    \u001b[2m  2 \u001b[32;22m+\u001b[38;2;205;214;244mgenerated: 2026-06-04\u001b[18X\r\n\u001b[39m    \u001b[2m  3 \u001b[32;22m+\u001b[38;2;205;214;244mtotal: 504\r\n\u001b[0m    \u001b[2m  4 \u001b[0m \u001b[38;2;147;153;178m---\u001b[36X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m 11 \u001b[0m \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m----------\u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m----------\u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;52m    \u001b[2m 12 \u001b[31;22m-\u001b[38;2;147;153;178;2m|\u001b[38;2;205;214;244m Всего заметок \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m 497 \u001b[38;2;147;153;178m|\u001b[16X\r\n\u001b[39;48;5;22;22m    \u001b[2m 12 \u001b[32;22m+\u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m Всего заметок \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m 504 \u001b[38;2;147;153;178m|\u001b[16X\r\n\u001b[0m    \u001b[2m 13\u001b[41X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m474 \u001b[0m \u001b[38;2;205;214;244m| [[Networking - MOC]] | Networking - M\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mOC | stable | moc | [network, networkin\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mg] |\r\n\u001b[39;48;5;22m    \u001b[2m475 \u001b[32;22m+\u001b[38;2;205;214;244m| [[OAuth 2.0]] | OAuth 2.0 | seed | co\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mncept | [web, security, oauth, authoriz\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mation] |\r\n\u001b[0m    \u001b[2m476 \u001b[0m \u001b[38;2;205;214;244m| [[VLSM]] | VLSM | stable | concept |\u001b[1X\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m[network, networking] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m478 \u001b[0m \u001b[38;2;205;214;244m| [[Базовая настройка коммутатора]] | Б\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mазовая Настройка Коммутатора | stable |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m concept | [network, networking] |\r\n\u001b[39;48;5;22m    \u001b[2m479 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Веб-аутентификация и авторизация]]\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m| Идентификация, аутентификация и автор\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mизация | seed | concept | [web, securit\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22my, authentication, authorization, oauth\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m] |\r\n\u001b[0m    \u001b[2m480 \u001b[0m \u001b[38;2;205;214;244m| [[Введение в сетевую безопасность]] |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m Введение в сетевую безопасность | seed\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m | concept | [networking, security, inf\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mosec] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m486 \u001b[0m \u001b[38;2;205;214;244m| [[Пример настройки DHCPv6]] | Пример\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mНастройки DHCPv6 | stable | concept | [\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mnetwork, networking] |\r\n\u001b[39;48;5;22m    \u001b[2m487 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Подсети и маска подсети]] | Маска п\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mодсети, Подсети | seed | concept | [net\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mwork, networking, subnet, ipv4] |\r\n\u001b[0m    \u001b[2m488 \u001b[0m \u001b[38;2;205;214;244m| [[Режимы передачи данных в сетях]] |\u001b[1X\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mРежимы Передачи Данных В Сетях | stable\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m | concept | [network, networking] |\r\n\u001b[0m    \u001b[2m489 \u001b[0m \u001b[38;2;205;214;244m| [[Сегментация сети]] | Сегментация Се\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mти | stable | concept | [network, netwo\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mrking] |\r\n\u001b[39;48;5;22m    \u001b[2m490 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Сетевые порты]] | Сетевые порты | s\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22meed | concept | [network, networking, p\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22morts, tcp, udp, web] |\r\n\u001b[0m    \u001b[2m491 \u001b[0m \u001b[38;2;205;214;244m| [[Сетевые устройства]] | Сетевые Устр\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mойства | stable | concept | [network, n\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22metworking] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m520 \u001b[0m \u001b[38;2;205;214;244m| [[DNS]] | DNS | stable | concept | [n\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22metwork, networking, protocols, dns] |\r\n\u001b[39;48;5;22m    \u001b[2m521 \u001b[32;22m+\u001b[38;2;205;214;244m| [[HTTP, HTTPS и HTTP3]] | HTTP, HTTPS\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m и HTTP/3 | seed | concept | [web, netw\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mork, networking, protocols, http, https\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m, http3] |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22motocols, icmp] |\u001b[23X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m525 \u001b[0m \u001b[38;2;205;214;244m| [[TCP vs UDP]] | TCP Vs UDP | stable\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m| concept | [network, networking, proto\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mcols] |\r\n\u001b[39;48;5;22m    \u001b[2m526 \u001b[32;22m+\u001b[38;2;205;214;244m| [[URI, URL, URN]] | URI, URL, URN | s\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22meed | concept | [web, network, networki\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mng, uri, url, urn] |\r\n\u001b[0m    \u001b[2m527\u001b[41X\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"## 99 System/Archive$|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка Speaking|Подготовка к экзамену\"\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"99 System/INDEX.md\"\r\n\u001b[39;2m  └ 3 matches in 1F:\r\n\r\n    … +7 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m|...\r\n\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mДобавляю в раздел Archive сам Markdown-файл с\r\n  исходным списком вопросов, который был в Inbox\r\n  и теперь перенесён.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 99 System/INDEX.md (\u001b[32m+1\u001b[0m \u001b[31m-0\u001b[0m)\r\n    \u001b[2m652 \u001b[0m \u001b[38;2;205;214;244m| [[Подготовка к защите ЛР2]] | Подгото\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mвка к защите ЛР2 | processing | lab | [\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mmephi] |\r\n\u001b[39;48;5;22m    \u001b[2m653 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Подготовка к экзамену по Веб-Разраб\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mотке]] | — | seed | concept | [] |\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПроверка выявила важный момент: в HTML-тексте\r\n  есть буквальные примеры тегов вроде \u001b[36m<head>\u001b[0m и\r\n  \u001b[36m<form>\u001b[0m. Браузер может воспринять их как\r\n  разметку, поэтому экранирую такие примеры и\r\n  пересоберу PDF.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"<(doctype|html|head|body|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mtitle|meta|link|style|script|div|p|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22msection|span|a |img|br|form|label|input|\r\n\u001b[39;2m  │ … +5 lines\r\n  └ 351 matches in 145F:\r\n\r\n    … +460 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +182\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mЭкранировать нужно не весь файл, а только\r\n  примеры тегов внутри учебного текста. Правлю\r\n  эти строки вручную, чтобы не задеть настоящую\r\n  HTML-разметку документа.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m Подготовка к экзамену по веб-\r\n         разработке.html\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Подготовка к\r\nэкзамену по веб-разработке.html (\u001b[32m+6\u001b[0m \u001b[31m-6\u001b[0m)\r\n    \u001b[2m400 \u001b[0m \u001b[38;2;205;214;244m    \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"cards\"\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m401 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-html-\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mstructure\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСтруктура документа\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mHTML5-документ начинается с `<!docty\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mpe html>`, затем `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhtml\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, внутри `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhea\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250md\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m` с метаданными и `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mbody\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m` с видимым\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mсодержимым.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mh\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175mref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250martic\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m402 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-html-\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mcomments\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКомментарии в HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКомментарий пишется как `\u001b[38;2;147;153;178m<!-- текст --\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`. Браузер его не отображает, но он ви\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mден в исходном коде.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detai\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161ml-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m403 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-head\"\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mТеги внутри head\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhead\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m обычно находятся `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mtitle\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mmeta\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`,\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m`\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mlink\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mstyle\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `<\u001b[38;2;137;180;250mscript\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m` и техни\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mческие данные страницы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mde\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mtail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTM\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mL</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39;22m    \u001b[2m404 \u001b[31;22m-\u001b[38;2;205;214;244;2m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-meta\u001b[38;2;205;214;244m\"\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mМета-теги и viewport</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`<\u001b[38;2;137;180;250mmeta\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m charset=\"\u001b[38;2;137;180;250mutf-8\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m` задаёт кодировку. `v\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244miewport` нужен адаптивной вёрстке: `wid\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mth=\u001b[38;2;137;180;250mdevice-width\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250minitial-scale\u001b[38;2;205;214;244m=1.0`.</\u001b[38;2;137;180;250mp\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39;48;5;22;22m    \u001b[2m401 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-html-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mstructure\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mСтруктура документа</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mHTML5-документ начинается с <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt;!doctype \u001b[38;2;137;180;250mhtml\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m затем <\u001b[38;2;137;180;250mcode\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mhtml\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m внутри <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mhead\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m с метаданными и <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mlt;\u001b[38;2;137;180;250mbody\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m с видимым содержимым\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-ht\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mml\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m402 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-html-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcomments\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mКомментарии в HTML</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244mКомментарий пишется как <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;!--\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтекст --&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m. Браузер его не ото\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mбражает\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m но он виден в исходном коде.</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m403 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-head\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mТеги внутри \u001b[38;2;137;180;250mhead\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt;\u001b[38;2;137;180;250mhead\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m обычно находятся <\u001b[38;2;137;180;250mcod\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22me\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mtitle\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mmeta\u001b[38;2;205;214;244m&\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mgt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mlink\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m<\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mstyle\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250ms\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcript\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m и технические данные с\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтраницы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m404 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-meta\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mМета-теги и viewport</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m&lt;\u001b[38;2;137;180;250mmeta\u001b[38;2;205;214;244m charset=\"\u001b[38;2;137;180;250mutf-8\u001b[38;2;205;214;244m\"&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m зад\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mаёт кодировку. <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mviewport</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m ну\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mжен адаптивной вёрстке: <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mwidth=\u001b[38;2;137;180;250mdev\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mice-width\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250minitial-scale\u001b[38;2;205;214;244m=1.0</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m.</\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[0m    \u001b[2m405 \u001b[0m \u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-flow\u001b[38;2;205;214;244m\"\r\n\u001b[0m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНормальный поток</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНормальный\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m поток — базовое расположение элементов\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m без flex/grid/position: блочные идут с\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mверху вниз\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m строчные текут внутри строк\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mи.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-h\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mtml\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m411 \u001b[0m \u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-text-\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22mtable\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mЗаголовки, абзацы, списки, т\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mаблицы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`h1-h6` задают структуру\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mзаголовков, `p` — абзац, `ul/ol/li` — с\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mписки, `table/tr/th/td` — табличные дан\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mные.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22m-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m412 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-img-l\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mink\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКартинки и ссылки\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСсылк\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mа: `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`. Картинка: `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mimg\u001b[38;2;205;214;244m \u001b[38;2;249;226;175msr\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175mc\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175malt\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`; `alt` важен для до\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mступности и случаев, когда изображение\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mне загрузилось.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-lin\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mk\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250ma\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mrticle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m413 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-white\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mspace\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПереносы строк и пробелы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ HTML последовательности пробелов\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mсхлопываются. Перенос строки в коде обы\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mчно не равен переносу на странице; для\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mявного переноса есть `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mbr\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclas\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175ms\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;22;22m    \u001b[2m412 \u001b[32;22m+\u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-img-l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mink\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКартинки и ссылки\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСсылк\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mа: \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244ma href=\"...\"\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m. К\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mартинка: \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244mimg src=\"...\" alt=\".\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m..\"\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m; \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244malt\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m важен\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mдля доступности и случаев, когда изобра\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mжение не загрузилось.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"deta\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mil-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m<\r\n\u001b[39m    \u001b[2m     \u001b[38;2;148;226;213;22m/\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39m    \u001b[2m413 \u001b[32;22m+\u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-white\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mspace\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПереносы строк и пробелы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\r\n\u001b[39m    \u001b[2m     \u001b[38;2;148;226;213;22m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ HTML последовательности пробелов\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mсхлопываются. Перенос строки в коде обы\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mчно не равен переносу на странице; для\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mявного переноса есть \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244mbr\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22m#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m414 \u001b[0m \u001b[38;2;205;214;244m    \u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mdiv\u001b[38;2;148;226;213m>\u001b[29X\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"\u001b[38;2;147;153;178m`\u001b[38;2;148;226;213m<|>\u001b[38;2;147;153;178m`\u001b[38;2;166;227;161m|<code>[^<]*<[^/]|&lt;\"\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"90 Library/Programming/Web/Подготовка к\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mэкзамену по веб-разработке.html\"\r\n\u001b[39;2m  └ zsh:1: parse error near `|'\r\n\u001b[0m    \u001b[2mzsh:1: parse error in command substitution\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'`<'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 1 matches in 1F:\r\n\r\n    … +4 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mtr><tr><td>`POST`</td>...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'&lt;'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 7 matches in 7F:\r\n\r\n    … +21 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mclass=\"detai...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'>`'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\r\n\r\n\u001b[39;2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mКритичные \u001b[36m<...>\u001b[0m-примеры исправлены.\r\n  Пересобираю PDF, чтобы он соответствовал\r\n  исправленному HTML.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 475983 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mДобавлю ссылку на готовый HTML/PDF в\r\n  существующий MOC экзамена и уберу устаревший\r\n  список “недостающих” тем, потому что HTTP/3 и\r\n  OAuth теперь закрыты отдельными заметками.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m Экзамен - Веб-ориентированные\r\n\u001b[2m  \u001b[0mсистемы.md\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mMOC оказался действительно устаревшим только\r\n  по сетевым недостающим темам. Оставляю его\r\n  коротким: добавляю готовый файл подготовки и\r\n  новые сетевые ссылки.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Экзамен -\r\nВеб-ориентированные системы.md (\u001b[32m+6\u001b[0m \u001b[31m-6\u001b[0m)\r\n    \u001b[2m 6 \u001b[0m \u001b[38;2;205;214;244mcreated: 2026-06-01\r\n\u001b[39;48;5;52m    \u001b[2m 7 \u001b[31;22m-\u001b[38;2;205;214;244;2mupdated: 2026-06-01\u001b[21X\r\n\u001b[39;48;5;22;22m    \u001b[2m 7 \u001b[32;22m+\u001b[38;2;205;214;244mupdated: 2026-06-04\u001b[21X\r\n\u001b[0m    \u001b[2m 8 \u001b[0m \u001b[38;2;205;214;244msource: \"[[Экзамен.pdf]]\"\u001b[15X\r\n\u001b[0m    \u001b[2m   ⋮\r\n\u001b[0m    \u001b[2m18 \u001b[0m \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;52m    \u001b[2m19 \u001b[31;22m-\u001b[38;2;147;153;178;2m|\u001b[38;2;205;214;244m **Сети и основы** \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m IPv4/v6, TCP, DNS,\r\n\u001b[39;22m    \u001b[2m    \u001b[38;2;205;214;244m HTTP, OAuth 2.0 \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m [[IPv6]], [[TCP vs UD\r\n\u001b[39;22m    \u001b[2m    \u001b[38;2;205;214;244mP]], [[DNS]] \u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;22;22m    \u001b[2m    \u001b[38;2;205;214;244;22mтке.html]]\u001b[30X\r\n\u001b[39m    \u001b[2m26 \u001b[32;22m+\u001b[38;2;147;153;178m-\u001b[38;2;205;214;244m [[Подготовка к экзамену по веб-разрабо\r\n\u001b[39m    \u001b[2m    \u001b[38;2;205;214;244;22mтке.pdf]]\r\n\u001b[0m    \u001b[2m27\u001b[42X\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mФинальная проверка: якоря HTML, PDF после\r\n  пересборки, пустой Inbox, архивированные\r\n  исходники и итоговый git status.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mList\u001b[0m python3 -c \"import re, pathlib;\r\n         p=pathlib.Path(\\\"90 Library/\r\n         Programming/\r\n         Web/Подготовка к экзамену по веб-\r\n         разработке.html\\\"); s=p.read_text();\r\n         ids=set(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s));\r\n         print(\\\"duplicate_ids\\\",\r\n         len(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\r\n         \\\"\\\", s))-len(ids)); print(\\\"ids\\\",\r\n         len(ids), \\\"hash_links\\\", len(hrefs))\"\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 8 page(s)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox\"\r\n\u001b[39;2m  └ (empty)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mArchive/00_базовые_понятия.pdf\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mSystem/Archive/Подготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 99 System/Archive/00_базовые_понятия.pdf\r\n\u001b[0m    \u001b[2m967.5K\r\n\u001b[0m    \u001b[2m99 System/Archive/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mВеб-Разработке.md  7.5K\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.md\u001b[2m in \u001b[0m.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mstat\r\n\u001b[39;2m  └ .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m|  20 ++++++++------------\r\n    … +7 lines (ctrl + t to view transcript)\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpdftotext\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m|\u001b[38;2;205;214;244m \u001b[38;2;137;180;250msed\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'1,80p'\r\n\u001b[39;2m  └ 04.06.2026, 09:27\r\n\r\n    … +76 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2mtextarea\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[36;22mgit status\u001b[0m в коротком виде не показывает новые\r\n  Markdown-заметки, похоже, из-за правил\r\n  отслеживания/ignore. Проверю явным режимом\r\n  \u001b[36m--untracked-files=all\u001b[0m и наличие созданных\r\n  файлов на диске.\r\n\r\n    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mList\u001b[0m HTTP, HTTPS и HTTP3.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Networking/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПротоколы/HTTP, HTTPS и HTTP3.md\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mLibrary/Networking/Протоколы/URI, URL,\r\n\u001b[39;2m  │ … +5 lines\r\n  └ 90 Library/Networking/OAuth 2.0.md  2.5K\r\n\u001b[0m    \u001b[2mURN.md  2.3K\r\n\u001b[0m    \u001b[2m90 Library/Networking/Сетевые порты.md  1.9K\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mСозданные сетевые заметки уже находятся под\r\n  git-tracking, поэтому не попали как untracked.\r\n  Проверю, что индекс действительно обновлён в\r\n  файле и не расходится с фактическим счётчиком.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"HTTP, HTTPS и HTTP3|OAuth\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m2.0|Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mВеб-Разработке|total: 504|Всего заметок \\|\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 5 matches in 2F:\r\n\r\n    … +12 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m|...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;148;226;213m --\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/INDEX.md\"\r\n\u001b[39;2m  └\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mPDF сейчас содержит стандартный chromium-\r\n  header с датой. Пересоберу с флагом без\r\n  header/footer, чтобы файл выглядел как\r\n  самостоятельный конспект.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-pdf-header-footer\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 440516 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 8 page(s)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172muntracked-files\u001b[38;2;148;226;213m=\u001b[38;2;205;214;244mall\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpdftotext\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m|\u001b[38;2;205;214;244m \u001b[38;2;137;180;250msed\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'1,24p'\r\n\u001b[39;2m  └ Подготовка к экзамену по веб-разработке\r\n\u001b[0m    \u001b[2mКраткий конспект по темам из файла\r\n    … +23 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mDNS\r\n\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mГотово.\r\n\r\n  Создал файл подготовки:\r\n\r\n  - \u001b[36m90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[36mэкзамену по веб-разработке.pdf\u001b[0m — 8 страниц,\r\n    без chromium header/footer.\r\n\r\n  Проинджестил блок 1 в подробные заметки:\r\n  Также обновил MOC \u001b[36m90 Library/Programming/Web/\r\n\u001b[0m  \u001b[36mЭкзамен - Веб-ориентированные системы.md\u001b[0m и \u001b[36m99\r\n\u001b[0m  \u001b[36mSystem/INDEX.md\u001b[0m.\r\n\r\n  Исходники перенёс в архив:\r\n\r\n  - \u001b[36m99 System/Archive/00_базовые_понятия.pdf\r\n\u001b[0m  - \u001b[36m99 System/Archive/Подготовка к экзамену по\r\n\u001b[0m    \u001b[36mВеб-Разработке.md\r\n\r\n\u001b[0m  Проверки: якоря HTML без битых ссылок и\r\n  дублей, PDF пересобран, \u001b[36m00 Inbox\u001b[0m пустой. В git\r\n  ещё висит изменённый \u001b[36m.obsidian/workspace.json\u001b[0m;\r\n  я его не трогал.\r\n\r\n\u001b[2m─ Worked for 6m 32s ────────────────────────────\r\n\r\n\u001b[48;5;238;22m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mКакой лучше инструмент скачать для экспорта в\r\n  pdf?\r\n  И убери ссылки напрямую на Vault, просто\r\n  заметки из vault впиши полностью в этот\r\n  конспект, В короткой инфе - самое важно, в\r\n  подробной - всё, что есть\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПлан: сначала отвечу по инструменту экспорта с\r\n  опорой на актуальные официальные источники,\r\n  затем перепишу HTML так, чтобы подробные блоки\r\n  содержали полный текст заметок из vault без\r\n  прямых ссылок на \u001b[36m.md\u001b[0m. После этого пересоберу\r\n  PDF и проверю якоря.\r\n\r\n•\u001b[1C\u001b[1mSearching the web\r\n\r\n\u001b[0m•\u001b[1C\u001b[2mWorking\u001b[1C(24s • esc to interrupt)\r\n\r\n\u001b[48;5;238;22m \u001b[47X\r\n\u001b[1m›\u001b[22m \u001b[2mSummarize recent commits\r\n\u001b[22m \r\n\u001b[0m\u001b[2X\u001b[2C\u001b[38;2;246;226;183mgpt-5.5 high\u001b[39;2m · \u001b[38;2;171;223;167;22m~/Documents/Vaults/SecondBrain\u001b[1X\u001b[2A\u001b[45D\u001b[0m",
+                    "data": "\u001b[48;5;22m    \u001b[2m     \u001b[38;2;205;214;244;22mr(request\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250mtemplate\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m context)` возвраща\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mет HTTP-ответ; `get_object_or_404` возв\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mращает объект или 404.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\u001b[11X\r\n\u001b[39m    \u001b[2m651 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-d\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mjango\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Django</\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[34X\r\n\u001b[39m    \u001b[2m652 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\u001b[25X\r\n\u001b[39m    \u001b[2m653 \u001b[32;22m+\u001b[39X\r\n\u001b[39m    \u001b[2m654 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcbv\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[34X\r\n\u001b[39m    \u001b[2m655 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango CBV</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[14X\r\n\u001b[39m    \u001b[2m656 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[24X\r\n\u001b[39m    \u001b[2m657 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mCBV — классовые представления\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mс готовой логикой. `TemplateView` показ\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mывает шаблон\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `ListView` выводит список\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m,\u001b[38;2;205;214;244m `DetailView` выводит один объект. В U\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mRL подключаются через `\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mas_view\u001b[38;2;205;214;244m()`.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m658 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `ListV\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22miew` по умолчанию даёт `object_list`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mDetailView` — `\u001b[38;2;137;180;250mobject\u001b[38;2;205;214;244m`; шаблоны по умол\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mчанию `model_list\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mhtml\u001b[38;2;205;214;244m` и `model_detail\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m.\u001b[38;2;249;226;175mhtml\u001b[38;2;205;214;244m`.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\u001b[26X\r\n\u001b[39m    \u001b[2m659 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mblock-d\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mjango\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткому блоку Django</\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[34X\r\n\u001b[39m    \u001b[2m660 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\u001b[25X\r\n\u001b[39m    \u001b[2m661 \u001b[32;22m+\u001b[39X\r\n\u001b[39m    \u001b[2m662 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22murls\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[33X\r\n\u001b[39m    \u001b[2m663 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango URLs</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[13X\r\n\u001b[39m    \u001b[2m664 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m665 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`urlpatterns` связывает URL с\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mпредставлениями. `\u001b[38;2;137;180;250mpath\u001b[38;2;205;214;244m()` использует ro\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mute\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m view\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m kwargs и name. Конвертеры вр\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mоде `int`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `slug`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `uuid`\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `\u001b[38;2;137;180;250mpath\u001b[38;2;205;214;244m` извле\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mкают параметры. `reverse()` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% url %\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m}\u001b[38;2;205;214;244m` строят URL по имени маршрута.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m666 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: не хар\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mдкодить URL\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m если есть именованный марш\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mрут и `reverse`/`url`.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m667 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-urls\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m668 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m669 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m670 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mtemplates\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m671 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mЯзык шаблонов Django</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m672 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Представления, шаблоны\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи CBV\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Представления\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m шаблон\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mы и CBV</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m673 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDTL использует переменные `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m{\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mvalue \u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m}`, теги `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% tag %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и фильтры `\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m{\u001b[38;2;205;214;244m{ value|\u001b[38;2;137;180;250mfilter\u001b[38;2;205;214;244m \u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m}`. Наследование строи\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтся через `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% extends %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% block %\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m}\u001b[38;2;205;214;244m`. Статика подключается через `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% load\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m static %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m` и `\u001b[38;2;147;153;178m{\u001b[38;2;205;214;244m% static 'path' %\u001b[38;2;147;153;178m}\u001b[38;2;205;214;244m`.</\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\r\n\u001b[39m    \u001b[2m674 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: функци\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mи Python с произвольными аргументами на\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mпрямую из шаблона вызывать нельзя; испо\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mльзуют теги\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m фильтры или подготовку дан\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mных во view.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m675 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-templates\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m676 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m677 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m678 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mqueries\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m679 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango queries</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m680 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Модели и ORM\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m Модели и ORM</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m681 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mQuerySet ленив: запрос выполня\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mется при фактическом обращении к данным\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m. Методы можно цепочечно комбинировать.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m `get()` возвращает один объект или оши\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mбку, `\u001b[38;2;137;180;250mfilter\u001b[38;2;205;214;244m()` возвращает QuerySet\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `a\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mggregate()` возвращает итоговый словарь\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m, `annotate()` добавляет вычисляемые по\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mля к объектам.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m682 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `selec\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt_related` — для ForeignKey/OneToOne че\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mрез JOIN; `prefetch_related` — для Many\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mToMany и обратных связей отдельными зап\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mросами.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m683 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-queries\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m684 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m685 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m686 \u001b[32;22m+\u001b[38;2;205;214;244m    <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"note\" id=\"\u001b[38;2;137;180;250md-django-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mforms\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m687 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango forms</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m688 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mnote-source\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mVault: <\u001b[38;2;137;180;250ma\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mhref=\"../Python/Работа с формами и CUD\u001b[38;2;147;153;178m.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mmd\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mDjango: Работа с формами и CUD</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m/\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m689 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`forms\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mForm\u001b[38;2;205;214;244m` описывает форму в\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mручную\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `forms\u001b[38;2;147;153;178m.\u001b[38;2;249;226;175mModelForm\u001b[38;2;205;214;244m` строится по м\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mодели через `Meta`. `is_valid()` запуск\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mает валидацию, `cleaned_data` содержит\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mочищенные данные\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m `clean_<field\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m()` вал\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mидирует поле, `clean()` — форму целиком\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m. `widget` управляет HTML-представление\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mм поля.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m690 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m class=\"exam\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ тесте: `\u001b[38;2;137;180;250mform\u001b[38;2;147;153;178m.\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22msave\u001b[38;2;205;214;244m()` есть у ModelForm; серверная вал\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mидация обязательна\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m HTML `required` не\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mзащита.</\u001b[38;2;137;180;250mdiv\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m691 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175ms-djang\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mo-forms\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНазад к краткой теме</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m692 \u001b[32;22m+\u001b[38;2;205;214;244m    </\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m693 \u001b[32;22m+\u001b[38;2;205;214;244m  </\u001b[38;2;137;180;250msection\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m694 \u001b[32;22m+\r\n\u001b[39m    \u001b[2m695 \u001b[32;22m+\u001b[38;2;205;214;244m  <\u001b[38;2;137;180;250mp\u001b[38;2;205;214;244m class=\"back\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175mtop\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНаверх\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m696 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mmain\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m697 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mbody\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m698 \u001b[32;22m+\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mhtml\u001b[38;2;147;153;178m>\r\n\u001b[0m\u001b[48X\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mHTML собран. Проверяю технические вещи:\r\n  повторяющиеся якоря, наличие целевых файлов и\r\n  возможность напечатать PDF через headless\r\n  Chromium.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mwhich\u001b[38;2;205;214;244m chromium\r\n\u001b[39;2m  └ /usr/bin/chromium\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mo\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"id=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m[^\"\u001b[38;2;205;214;244m]+\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\" \"\u001b[38;2;205;214;244m90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mвеб-разработке.html\u001b[38;2;166;227;161m\"\r\n\u001b[39;2m  └ zsh:1: unmatched \"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mstat\r\n\u001b[39;2m  └ .obsidian/workspace.json | 28 ++++++++++++\r\n\u001b[0m    \u001b[2m++--------------\r\n\u001b[0m    \u001b[2m 1 file changed, 14 insertions(+), 14\r\n\u001b[0m    \u001b[2mdeletions(-)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mОдна проверочная команда сломалась на\r\n  кавычках, без влияния на файлы. Повторяю её\r\n  нормальной quoting-командой и сразу исправлю\r\n  найденные дубли якорей, если будут.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m?? \"90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.html\"\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mo\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'id=\"[^\"]+\"'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ (no output)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[36;22mrg\u001b[0m с шаблоном для атрибутов не поймал HTML,\r\n  поэтому проверю через более простые поиски по\r\n  \u001b[36mid=\u001b[0m и ссылкам. Заодно вижу, что \u001b[36m.obsidian/\r\n\u001b[0m  \u001b[36mworkspace.json\u001b[0m уже изменён вне моей задачи,\r\n  его не трогаю.\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"href=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m#[^\"\u001b[38;2;205;214;244m]+\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\" \"\u001b[38;2;205;214;244m90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22mвеб-разработке.html\u001b[38;2;166;227;161m\"\r\n\u001b[39;2m  └ zsh:1: unmatched \"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"href=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m#s-meta\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mid=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161ms-meta\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 4 matches in 3F:\r\n\r\n    … +11 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m   300: <a href=\"#s-meta\">Class Meta</a>\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"id=\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 115 matches in 71F:\r\n\r\n    … +237 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +20\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mНашёл реальный конфликт якоря \u001b[36ms-meta\u001b[0m: HTML\r\n  meta-теги и Django \u001b[36mClass Meta\u001b[0m. Исправляю\r\n  Django-якорь на отдельный \u001b[36ms-django-meta\u001b[0m.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Подготовка к\r\nэкзамену по веб-разработке.html (\u001b[32m+2\u001b[0m \u001b[31m-2\u001b[0m)\r\n    \u001b[2m299 \u001b[0m \u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-migrations\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mМиграци\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mи\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m300 \u001b[31;22m-\u001b[38;2;205;214;244;2m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-meta\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mClass Meta\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;22;22m    \u001b[2m300 \u001b[32;22m+\u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-django-meta\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mClass\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mMeta\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m301 \u001b[0m \u001b[38;2;205;214;244m        \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#s-null-blank\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mnull/bl\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mank\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m471 \u001b[0m \u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-migra\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22mtions\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mМиграции\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`makemigrati\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mons` создаёт файлы миграций из изменени\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mй моделей, `migrate` применяет их к баз\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mе данных.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhre\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-django-models\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: Django m\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22models\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m472 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-meta\"\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m уровне форм/валидации Django.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mcl\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-django-model\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22ms\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: Django models\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"$1\\n\"}'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ (no output)\r\n\u001b[0m         Web/Подготовка к экзамену по веб-\r\n         разработке.html\\\"); s=p.read_text();\r\n         ids=set(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s));\r\n         missing=sorted(set(hrefs)-ids);\r\n         print(\\\"missing\\\", missing);\r\n         print(\\\"ids\\\",\r\n         len(ids), \\\"hash_links\\\", len(hrefs))\"\r\n\r\n\u001b[33m⚠ Falling back from WebSockets to HTTPS\r\n\u001b[0m  \u001b[33mtransport. stream disconnected before\r\n\u001b[0m  \u001b[33mcompletion: Connection reset by peer (os error\r\n\u001b[0m  \u001b[33m104)\r\n\r\n\u001b[31m■ stream disconnected before completion: error\r\nsending request for url\r\n(https://chatgpt.com/backend-api/codex/responses)\r\n\r\n\u001b[39;48;5;238m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mПродолжи\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[31m■ stream disconnected before completion: error\r\nsending request for url\r\n(https://chatgpt.com/backend-api/codex/responses)\r\n\r\n\u001b[39;48;5;238m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mПродолжи\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПродолжаю. Осталось: собрать PDF, перенести\r\n  обработанные Inbox-исходники в архив и\r\n  обновить \u001b[36m99 System/INDEX.md\u001b[0m.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"generated:|Vault Index|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mtotal:\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"*.py\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"*.sh\"\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mg\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"*.md\"\r\n\u001b[39;2m  └ 3 matches in 1F:\r\n\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m     6: # Vault Index\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/Archive\"\r\n\u001b[39;2m  └ 04 Tools/\r\n\u001b[0m    \u001b[2mCourses/\r\n    … +93 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mЭкзамен - MOC.md  8.2K\r\n\u001b[0m    \u001b[2mЭкзамен.pdf  179.2K\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrealpath\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ /home/ada/Documents/Vaults/SecondBrain/90\r\n\u001b[0m    \u001b[2mLibrary/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.html\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mГенерирую PDF из локального HTML через\r\n  headless Chromium. Если Chromium упрётся в\r\n  sandbox/Wayland, повторю с нужными флагами.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 160997 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mPDF собрался. Перед архивированием проверяю,\r\n  нет ли уже файлов с такими именами в \u001b[36m99\r\n\u001b[0m  \u001b[36mSystem/Archive\u001b[0m, чтобы не перезаписать\r\n  источник.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 5 page(s)\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mArchive/00_базовые_понятия.pdf\"\r\n\u001b[39;2m  └ ls: cannot access '99 System/\r\n\u001b[0m    \u001b[2mArchive/00_базовые_понятия.pdf': No such\r\n\u001b[0m    \u001b[2mfile or directory\r\n\r\n\u001b[31;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/Archive/Подготовка к\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mэкзамену по Веб-Разработке.md\"\r\n\u001b[39;2m  └ ls: cannot access '99 System/Archive/\r\n\u001b[0m    \u001b[2mПодготовка к экзамену по Веб-Разработке.md':\r\n\u001b[0m    \u001b[2mNo such file or directory\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox\"\r\n\r\n\u001b[39;2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mКонфликтов в архиве нет. Переношу обработанные\r\n  исходники из Inbox в Archive, как в workflow\r\n  ingest.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mmv\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox/Подготовка к экзамену по\r\n\u001b[39;2m  └ (no output)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mmv\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox/00_базовые_понятия.pdf\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mSystem/Archive/00_базовые_понятия.pdf\"\r\n\u001b[39;2m  └ (no output)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mТеперь обновляю индекс точечно: добавлю новые\r\n  Markdown-заметки в их разделы,\r\n  перенесённый \u001b[36m.md\u001b[0m из Inbox в Archive и поправлю\r\n  дату/общее количество. PDF/HTML в индекс не\r\n  входят, он индексирует \u001b[36m.md\u001b[0m.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m read \u001b[38;2;166;227;161m\"99 System/INDEX.md\"\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mtail-lines\r\n\u001b[39;2m  │ \u001b[38;2;205;214;244;22m80\r\n\u001b[39;2m  └\r\n\u001b[0m    \u001b[2m| Заметка | Aliases | Status | Type | Tags |\r\n    … +81 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m| [[Travel Item]] | — | seed | knowledge |\r\n\u001b[0m    \u001b[2m[travel] |\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.md\u001b[2m in \u001b[0m.\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mТекущий фактический счётчик Markdown-файлов —\r\n  504, значит индекс надо поднять с 497 до 504.\r\n  Сейчас внесу только нужные строки, без полной\r\n  перегенерации всего индекса.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 99 System/INDEX.md (\u001b[32m+9\u001b[0m \u001b[31m-3\u001b[0m)\r\n    \u001b[2m  1 \u001b[0m \u001b[38;2;147;153;178m---\r\n\u001b[39;48;5;52m    \u001b[2m  2 \u001b[31;22m-\u001b[38;2;205;214;244;2mgenerated: 2026-06-03\u001b[18X\r\n\u001b[39;22m    \u001b[2m  3 \u001b[31;22m-\u001b[38;2;205;214;244;2mtotal: 497\r\n\u001b[39;48;5;22;22m    \u001b[2m  2 \u001b[32;22m+\u001b[38;2;205;214;244mgenerated: 2026-06-04\u001b[18X\r\n\u001b[39m    \u001b[2m  3 \u001b[32;22m+\u001b[38;2;205;214;244mtotal: 504\r\n\u001b[0m    \u001b[2m  4 \u001b[0m \u001b[38;2;147;153;178m---\u001b[36X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m 11 \u001b[0m \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m----------\u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m----------\u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;52m    \u001b[2m 12 \u001b[31;22m-\u001b[38;2;147;153;178;2m|\u001b[38;2;205;214;244m Всего заметок \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m 497 \u001b[38;2;147;153;178m|\u001b[16X\r\n\u001b[39;48;5;22;22m    \u001b[2m 12 \u001b[32;22m+\u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m Всего заметок \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m 504 \u001b[38;2;147;153;178m|\u001b[16X\r\n\u001b[0m    \u001b[2m 13\u001b[41X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m474 \u001b[0m \u001b[38;2;205;214;244m| [[Networking - MOC]] | Networking - M\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mOC | stable | moc | [network, networkin\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mg] |\r\n\u001b[39;48;5;22m    \u001b[2m475 \u001b[32;22m+\u001b[38;2;205;214;244m| [[OAuth 2.0]] | OAuth 2.0 | seed | co\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mncept | [web, security, oauth, authoriz\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mation] |\r\n\u001b[0m    \u001b[2m476 \u001b[0m \u001b[38;2;205;214;244m| [[VLSM]] | VLSM | stable | concept |\u001b[1X\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m[network, networking] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m478 \u001b[0m \u001b[38;2;205;214;244m| [[Базовая настройка коммутатора]] | Б\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mазовая Настройка Коммутатора | stable |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m concept | [network, networking] |\r\n\u001b[39;48;5;22m    \u001b[2m479 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Веб-аутентификация и авторизация]]\u001b[1X\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m| Идентификация, аутентификация и автор\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mизация | seed | concept | [web, securit\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22my, authentication, authorization, oauth\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m] |\r\n\u001b[0m    \u001b[2m480 \u001b[0m \u001b[38;2;205;214;244m| [[Введение в сетевую безопасность]] |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m Введение в сетевую безопасность | seed\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m | concept | [networking, security, inf\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mosec] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m486 \u001b[0m \u001b[38;2;205;214;244m| [[Пример настройки DHCPv6]] | Пример\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mНастройки DHCPv6 | stable | concept | [\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mnetwork, networking] |\r\n\u001b[39;48;5;22m    \u001b[2m487 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Подсети и маска подсети]] | Маска п\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mодсети, Подсети | seed | concept | [net\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mwork, networking, subnet, ipv4] |\r\n\u001b[0m    \u001b[2m488 \u001b[0m \u001b[38;2;205;214;244m| [[Режимы передачи данных в сетях]] |\u001b[1X\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mРежимы Передачи Данных В Сетях | stable\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m | concept | [network, networking] |\r\n\u001b[0m    \u001b[2m489 \u001b[0m \u001b[38;2;205;214;244m| [[Сегментация сети]] | Сегментация Се\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mти | stable | concept | [network, netwo\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mrking] |\r\n\u001b[39;48;5;22m    \u001b[2m490 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Сетевые порты]] | Сетевые порты | s\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22meed | concept | [network, networking, p\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22morts, tcp, udp, web] |\r\n\u001b[0m    \u001b[2m491 \u001b[0m \u001b[38;2;205;214;244m| [[Сетевые устройства]] | Сетевые Устр\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mойства | stable | concept | [network, n\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22metworking] |\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m520 \u001b[0m \u001b[38;2;205;214;244m| [[DNS]] | DNS | stable | concept | [n\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22metwork, networking, protocols, dns] |\r\n\u001b[39;48;5;22m    \u001b[2m521 \u001b[32;22m+\u001b[38;2;205;214;244m| [[HTTP, HTTPS и HTTP3]] | HTTP, HTTPS\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m и HTTP/3 | seed | concept | [web, netw\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mork, networking, protocols, http, https\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m, http3] |\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22motocols, icmp] |\u001b[23X\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m525 \u001b[0m \u001b[38;2;205;214;244m| [[TCP vs UDP]] | TCP Vs UDP | stable\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m| concept | [network, networking, proto\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mcols] |\r\n\u001b[39;48;5;22m    \u001b[2m526 \u001b[32;22m+\u001b[38;2;205;214;244m| [[URI, URL, URN]] | URI, URL, URN | s\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22meed | concept | [web, network, networki\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mng, uri, url, urn] |\r\n\u001b[0m    \u001b[2m527\u001b[41X\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"## 99 System/Archive$|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка Speaking|Подготовка к экзамену\"\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"99 System/INDEX.md\"\r\n\u001b[39;2m  └ 3 matches in 1F:\r\n\r\n    … +7 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m|...\r\n\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mДобавляю в раздел Archive сам Markdown-файл с\r\n  исходным списком вопросов, который был в Inbox\r\n  и теперь перенесён.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 99 System/INDEX.md (\u001b[32m+1\u001b[0m \u001b[31m-0\u001b[0m)\r\n    \u001b[2m652 \u001b[0m \u001b[38;2;205;214;244m| [[Подготовка к защите ЛР2]] | Подгото\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mвка к защите ЛР2 | processing | lab | [\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mmephi] |\r\n\u001b[39;48;5;22m    \u001b[2m653 \u001b[32;22m+\u001b[38;2;205;214;244m| [[Подготовка к экзамену по Веб-Разраб\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mотке]] | — | seed | concept | [] |\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПроверка выявила важный момент: в HTML-тексте\r\n  есть буквальные примеры тегов вроде \u001b[36m<head>\u001b[0m и\r\n  \u001b[36m<form>\u001b[0m. Браузер может воспринять их как\r\n  разметку, поэтому экранирую такие примеры и\r\n  пересоберу PDF.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"<(doctype|html|head|body|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mtitle|meta|link|style|script|div|p|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22msection|span|a |img|br|form|label|input|\r\n\u001b[39;2m  │ … +5 lines\r\n  └ 351 matches in 145F:\r\n\r\n    … +460 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +182\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mЭкранировать нужно не весь файл, а только\r\n  примеры тегов внутри учебного текста. Правлю\r\n  эти строки вручную, чтобы не задеть настоящую\r\n  HTML-разметку документа.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m Подготовка к экзамену по веб-\r\n         разработке.html\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Подготовка к\r\nэкзамену по веб-разработке.html (\u001b[32m+6\u001b[0m \u001b[31m-6\u001b[0m)\r\n    \u001b[2m400 \u001b[0m \u001b[38;2;205;214;244m    \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mdiv\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"cards\"\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m401 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-html-\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mstructure\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСтруктура документа\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mHTML5-документ начинается с `<!docty\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mpe html>`, затем `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhtml\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, внутри `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhea\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250md\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m` с метаданными и `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mbody\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m` с видимым\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mсодержимым.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mh\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175mref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250martic\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m402 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-html-\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mcomments\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКомментарии в HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКомментарий пишется как `\u001b[38;2;147;153;178m<!-- текст --\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`. Браузер его не отображает, но он ви\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mден в исходном коде.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detai\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161ml-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m403 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-head\"\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mТеги внутри head\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mhead\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m обычно находятся `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mtitle\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mmeta\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`,\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m`\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mlink\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mstyle\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`, `<\u001b[38;2;137;180;250mscript\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m` и техни\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mческие данные страницы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mde\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mtail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTM\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mL</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39;22m    \u001b[2m404 \u001b[31;22m-\u001b[38;2;205;214;244;2m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-meta\u001b[38;2;205;214;244m\"\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mМета-теги и viewport</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m`<\u001b[38;2;137;180;250mmeta\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m charset=\"\u001b[38;2;137;180;250mutf-8\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m` задаёт кодировку. `v\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244miewport` нужен адаптивной вёрстке: `wid\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mth=\u001b[38;2;137;180;250mdevice-width\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250minitial-scale\u001b[38;2;205;214;244m=1.0`.</\u001b[38;2;137;180;250mp\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39;48;5;22;22m    \u001b[2m401 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-html-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mstructure\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mСтруктура документа</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mHTML5-документ начинается с <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt;!doctype \u001b[38;2;137;180;250mhtml\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m затем <\u001b[38;2;137;180;250mcode\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mhtml\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m внутри <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mhead\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m с метаданными и <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mlt;\u001b[38;2;137;180;250mbody\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m с видимым содержимым\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-ht\r\n\u001b[39m    \u001b[2m     \u001b[38;2;249;226;175;22mml\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m402 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-html-\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcomments\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mКомментарии в HTML</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244mКомментарий пишется как <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;!--\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтекст --&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m. Браузер его не ото\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mбражает\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m но он виден в исходном коде.</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m403 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-head\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mТеги внутри \u001b[38;2;137;180;250mhead\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mВ <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mt;\u001b[38;2;137;180;250mhead\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m обычно находятся <\u001b[38;2;137;180;250mcod\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22me\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mtitle\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mmeta\u001b[38;2;205;214;244m&\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mgt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mlink\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m<\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250mstyle\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>,\u001b[38;2;205;214;244m <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m&lt;\u001b[38;2;137;180;250ms\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcript\u001b[38;2;205;214;244m&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m и технические данные с\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mтраницы.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m404 \u001b[32;22m+\u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-meta\u001b[38;2;205;214;244m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mМета-теги и viewport</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m&lt;\u001b[38;2;137;180;250mmeta\u001b[38;2;205;214;244m charset=\"\u001b[38;2;137;180;250mutf-8\u001b[38;2;205;214;244m\"&gt;</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m зад\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mаёт кодировку. <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mviewport</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m ну\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mжен адаптивной вёрстке: <\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mwidth=\u001b[38;2;137;180;250mdev\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mice-width\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m \u001b[38;2;137;180;250minitial-scale\u001b[38;2;205;214;244m=1.0</\u001b[38;2;137;180;250mcode\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m.</\u001b[38;2;137;180;250mp\r\n\u001b[39m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-html\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[0m    \u001b[2m405 \u001b[0m \u001b[38;2;205;214;244m      <\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m class=\"card\" id=\"\u001b[38;2;137;180;250ms-flow\u001b[38;2;205;214;244m\"\r\n\u001b[0m    \u001b[2m     \u001b[38;2;147;153;178;22m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНормальный поток</\u001b[38;2;137;180;250mh3\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mНормальный\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m поток — базовое расположение элементов\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22m без flex/grid/position: блочные идут с\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mверху вниз\u001b[38;2;147;153;178m,\u001b[38;2;205;214;244m строчные текут внутри строк\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mи.</\u001b[38;2;137;180;250mp\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m class=\"\u001b[38;2;137;180;250mdetail-link\u001b[38;2;205;214;244m\" href=\"\u001b[38;2;147;153;178m#\u001b[38;2;249;226;175md-h\r\n\u001b[0m    \u001b[2m     \u001b[38;2;249;226;175;22mtml\u001b[38;2;205;214;244m\"\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244mПодробно: HTML</\u001b[38;2;137;180;250ma\u001b[38;2;147;153;178m>\u001b[38;2;205;214;244m</\u001b[38;2;137;180;250marticle\u001b[38;2;147;153;178m>\r\n\u001b[0m    \u001b[2m    ⋮\r\n\u001b[0m    \u001b[2m411 \u001b[0m \u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-text-\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22mtable\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mЗаголовки, абзацы, списки, т\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mаблицы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`h1-h6` задают структуру\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mзаголовков, `p` — абзац, `ul/ol/li` — с\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mписки, `table/tr/th/td` — табличные дан\r\n\u001b[0m    \u001b[2m     \u001b[38;2;205;214;244;22mные.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d\r\n\u001b[0m    \u001b[2m     \u001b[38;2;166;227;161;22m-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;52m    \u001b[2m412 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-img-l\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mink\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКартинки и ссылки\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСсылк\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mа: `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`. Картинка: `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mimg\u001b[38;2;205;214;244m \u001b[38;2;249;226;175msr\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175mc\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175malt\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"...\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`; `alt` важен для до\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mступности и случаев, когда изображение\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mне загрузилось.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-lin\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mk\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250ma\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;137;180;250mrticle\u001b[38;2;148;226;213m>\r\n\u001b[39;22m    \u001b[2m413 \u001b[31;22m-\u001b[38;2;205;214;244;2m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-white\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;166;227;161mspace\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПереносы строк и пробелы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ HTML последовательности пробелов\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mсхлопываются. Перенос строки в коде обы\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mчно не равен переносу на странице; для\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244mявного переноса есть `\u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mbr\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m`.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclas\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;249;226;175ms\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно\r\n\u001b[39;22m    \u001b[2m     \u001b[38;2;205;214;244m: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39;48;5;22;22m    \u001b[2m412 \u001b[32;22m+\u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-img-l\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mink\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mКартинки и ссылки\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mСсылк\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mа: \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244ma href=\"...\"\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m. К\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mартинка: \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244mimg src=\"...\" alt=\".\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22m..\"\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m; \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244malt\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m важен\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mдля доступности и случаев, когда изобра\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mжение не загрузилось.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"deta\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mil-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m<\r\n\u001b[39m    \u001b[2m     \u001b[38;2;148;226;213;22m/\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[39m    \u001b[2m413 \u001b[32;22m+\u001b[38;2;205;214;244m      \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250marticle\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"card\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mid\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"s-white\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22mspace\"\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250mh3\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПереносы строк и пробелы\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mh3\r\n\u001b[39m    \u001b[2m     \u001b[38;2;148;226;213;22m><\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mВ HTML последовательности пробелов\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mсхлопываются. Перенос строки в коде обы\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mчно не равен переносу на странице; для\r\n\u001b[39m    \u001b[2m     \u001b[38;2;205;214;244;22mявного переноса есть \u001b[38;2;148;226;213m<\u001b[38;2;137;180;250mcode\u001b[38;2;148;226;213m>\u001b[38;2;243;139;168m&lt;\u001b[38;2;205;214;244mbr\u001b[38;2;243;139;168m&gt;\u001b[38;2;148;226;213m</\r\n\u001b[39m    \u001b[2m     \u001b[38;2;137;180;250;22mcode\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244m.\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mp\u001b[38;2;148;226;213m><\u001b[38;2;137;180;250ma\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mclass\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"detail-link\"\u001b[38;2;205;214;244m \u001b[38;2;249;226;175mhref\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"\r\n\u001b[39m    \u001b[2m     \u001b[38;2;166;227;161;22m#d-html\"\u001b[38;2;148;226;213m>\u001b[38;2;205;214;244mПодробно: HTML\u001b[38;2;148;226;213m</\u001b[38;2;137;180;250ma\u001b[38;2;148;226;213m></\u001b[38;2;137;180;250marticle\u001b[38;2;148;226;213m>\r\n\u001b[0m    \u001b[2m414 \u001b[0m \u001b[38;2;205;214;244m    \u001b[38;2;148;226;213m</\u001b[38;2;137;180;250mdiv\u001b[38;2;148;226;213m>\u001b[29X\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"\u001b[38;2;147;153;178m`\u001b[38;2;148;226;213m<|>\u001b[38;2;147;153;178m`\u001b[38;2;166;227;161m|<code>[^<]*<[^/]|&lt;\"\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m\"90 Library/Programming/Web/Подготовка к\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mэкзамену по веб-разработке.html\"\r\n\u001b[39;2m  └ zsh:1: parse error near `|'\r\n\u001b[0m    \u001b[2mzsh:1: parse error in command substitution\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'`<'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 1 matches in 1F:\r\n\r\n    … +4 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mtr><tr><td>`POST`</td>...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'&lt;'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 7 matches in 7F:\r\n\r\n    … +21 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mclass=\"detai...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'>`'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mWeb/Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\r\n\r\n\u001b[39;2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mКритичные \u001b[36m<...>\u001b[0m-примеры исправлены.\r\n  Пересобираю PDF, чтобы он соответствовал\r\n  исправленному HTML.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 475983 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mДобавлю ссылку на готовый HTML/PDF в\r\n  существующий MOC экзамена и уберу устаревший\r\n  список “недостающих” тем, потому что HTTP/3 и\r\n  OAuth теперь закрыты отдельными заметками.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m Экзамен - Веб-ориентированные\r\n\u001b[2m  \u001b[0mсистемы.md\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mMOC оказался действительно устаревшим только\r\n  по сетевым недостающим темам. Оставляю его\r\n  коротким: добавляю готовый файл подготовки и\r\n  новые сетевые ссылки.\r\n\r\n\u001b[2m• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Экзамен -\r\nВеб-ориентированные системы.md (\u001b[32m+6\u001b[0m \u001b[31m-6\u001b[0m)\r\n    \u001b[2m 6 \u001b[0m \u001b[38;2;205;214;244mcreated: 2026-06-01\r\n\u001b[39;48;5;52m    \u001b[2m 7 \u001b[31;22m-\u001b[38;2;205;214;244;2mupdated: 2026-06-01\u001b[21X\r\n\u001b[39;48;5;22;22m    \u001b[2m 7 \u001b[32;22m+\u001b[38;2;205;214;244mupdated: 2026-06-04\u001b[21X\r\n\u001b[0m    \u001b[2m 8 \u001b[0m \u001b[38;2;205;214;244msource: \"[[Экзамен.pdf]]\"\u001b[15X\r\n\u001b[0m    \u001b[2m   ⋮\r\n\u001b[0m    \u001b[2m18 \u001b[0m \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m :--- \u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;52m    \u001b[2m19 \u001b[31;22m-\u001b[38;2;147;153;178;2m|\u001b[38;2;205;214;244m **Сети и основы** \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m IPv4/v6, TCP, DNS,\r\n\u001b[39;22m    \u001b[2m    \u001b[38;2;205;214;244m HTTP, OAuth 2.0 \u001b[38;2;147;153;178m|\u001b[38;2;205;214;244m [[IPv6]], [[TCP vs UD\r\n\u001b[39;22m    \u001b[2m    \u001b[38;2;205;214;244mP]], [[DNS]] \u001b[38;2;147;153;178m|\r\n\u001b[39;48;5;22;22m    \u001b[2m    \u001b[38;2;205;214;244;22mтке.html]]\u001b[30X\r\n\u001b[39m    \u001b[2m26 \u001b[32;22m+\u001b[38;2;147;153;178m-\u001b[38;2;205;214;244m [[Подготовка к экзамену по веб-разрабо\r\n\u001b[39m    \u001b[2m    \u001b[38;2;205;214;244;22mтке.pdf]]\r\n\u001b[0m    \u001b[2m27\u001b[42X\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mФинальная проверка: якоря HTML, PDF после\r\n  пересборки, пустой Inbox, архивированные\r\n  исходники и итоговый git status.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mList\u001b[0m python3 -c \"import re, pathlib;\r\n         p=pathlib.Path(\\\"90 Library/\r\n         Programming/\r\n         Web/Подготовка к экзамену по веб-\r\n         разработке.html\\\"); s=p.read_text();\r\n         ids=set(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s));\r\n         print(\\\"duplicate_ids\\\",\r\n         len(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\r\n         \\\"\\\", s))-len(ids)); print(\\\"ids\\\",\r\n         len(ids), \\\"hash_links\\\", len(hrefs))\"\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 8 page(s)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"00 Inbox\"\r\n\u001b[39;2m  └ (empty)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mArchive/00_базовые_понятия.pdf\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mSystem/Archive/Подготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 99 System/Archive/00_базовые_понятия.pdf\r\n\u001b[0m    \u001b[2m967.5K\r\n\u001b[0m    \u001b[2m99 System/Archive/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mВеб-Разработке.md  7.5K\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.md\u001b[2m in \u001b[0m.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mstat\r\n\u001b[39;2m  └ .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m|  20 ++++++++------------\r\n    … +7 lines (ctrl + t to view transcript)\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpdftotext\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m|\u001b[38;2;205;214;244m \u001b[38;2;137;180;250msed\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'1,80p'\r\n\u001b[39;2m  └ 04.06.2026, 09:27\r\n\r\n    … +76 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2mtextarea\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[36;22mgit status\u001b[0m в коротком виде не показывает новые\r\n  Markdown-заметки, похоже, из-за правил\r\n  отслеживания/ignore. Проверю явным режимом\r\n  \u001b[36m--untracked-files=all\u001b[0m и наличие созданных\r\n  файлов на диске.\r\n\r\n    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mList\u001b[0m HTTP, HTTPS и HTTP3.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m ls\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mla\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Networking/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПротоколы/HTTP, HTTPS и HTTP3.md\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mLibrary/Networking/Протоколы/URI, URL,\r\n\u001b[39;2m  │ … +5 lines\r\n  └ 90 Library/Networking/OAuth 2.0.md  2.5K\r\n\u001b[0m    \u001b[2mURN.md  2.3K\r\n\u001b[0m    \u001b[2m90 Library/Networking/Сетевые порты.md  1.9K\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mСозданные сетевые заметки уже находятся под\r\n  git-tracking, поэтому не попали как untracked.\r\n  Проверю, что индекс действительно обновлён в\r\n  файле и не расходится с фактическим счётчиком.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mRead\u001b[0m INDEX.md\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"HTTP, HTTPS и HTTP3|OAuth\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22m2.0|Подготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mВеб-Разработке|total: 504|Всего заметок \\|\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 5 matches in 2F:\r\n\r\n    … +12 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m|...\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git diff\u001b[38;2;148;226;213m --\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/INDEX.md\"\r\n\u001b[39;2m  └\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mPDF сейчас содержит стандартный chromium-\r\n  header с датой. Пересоберу с флагом без\r\n  header/footer, чтобы файл выглядел как\r\n  самостоятельный конспект.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mchromium\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mheadless\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-sandbox\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mdisable-gpu\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mno-pdf-header-footer\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172mprint-to-pdf\u001b[38;2;148;226;213m=\u001b[38;2;166;227;161m\"/home/ada/Documents/Vaults\r\n\u001b[39;2m  │ … +4 lines\r\n  └ 440516 bytes written to file /home/ada/\r\n\u001b[0m    \u001b[2mDocuments/Vaults/SecondBrain/90 Library/\r\n\u001b[0m    \u001b[2mProgramming/Web/Подготовка к экзамену по\r\n\u001b[0m    \u001b[2mвеб-разработке.pdf\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mfile\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\r\n\u001b[39;2m  └ 90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[2mэкзамену по веб-разработке.pdf: PDF\r\n\u001b[0m    \u001b[2mdocument, version 1.4, 8 page(s)\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m git status\u001b[38;2;147;153;178m --\u001b[38;2;235;160;172mshort\r\n\u001b[39;2m  │ \u001b[38;2;147;153;178;22m--\u001b[38;2;235;160;172muntracked-files\u001b[38;2;148;226;213m=\u001b[38;2;205;214;244mall\r\n\u001b[39;2m  └  M .obsidian/workspace.json\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Подготовка к\r\n    … +3 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m M \"90 Library/Programming/Web/Экзамен -\r\n\u001b[0m    \u001b[2mВеб-ориентированные системы.md\"\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpdftotext\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.pdf\"\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m|\u001b[38;2;205;214;244m \u001b[38;2;137;180;250msed\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'1,24p'\r\n\u001b[39;2m  └ Подготовка к экзамену по веб-разработке\r\n\u001b[0m    \u001b[2mКраткий конспект по темам из файла\r\n    … +23 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mDNS\r\n\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mГотово.\r\n\r\n  Создал файл подготовки:\r\n\r\n  - \u001b[36m90 Library/Programming/Web/Подготовка к\r\n\u001b[0m    \u001b[36mэкзамену по веб-разработке.pdf\u001b[0m — 8 страниц,\r\n    без chromium header/footer.\r\n\r\n  Проинджестил блок 1 в подробные заметки:\r\n  Также обновил MOC \u001b[36m90 Library/Programming/Web/\r\n\u001b[0m  \u001b[36mЭкзамен - Веб-ориентированные системы.md\u001b[0m и \u001b[36m99\r\n\u001b[0m  \u001b[36mSystem/INDEX.md\u001b[0m.\r\n\r\n  Исходники перенёс в архив:\r\n\r\n  - \u001b[36m99 System/Archive/00_базовые_понятия.pdf\r\n\u001b[0m  - \u001b[36m99 System/Archive/Подготовка к экзамену по\r\n\u001b[0m    \u001b[36mВеб-Разработке.md\r\n\r\n\u001b[0m  Проверки: якоря HTML без битых ссылок и\r\n  дублей, PDF пересобран, \u001b[36m00 Inbox\u001b[0m пустой. В git\r\n  ещё висит изменённый \u001b[36m.obsidian/workspace.json\u001b[0m;\r\n  я его не трогал.\r\n\r\n\u001b[2m─ Worked for 6m 32s ────────────────────────────\r\n\r\n\u001b[48;5;238;22m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mКакой лучше инструмент скачать для экспорта в\r\n  pdf?\r\n  И убери ссылки напрямую на Vault, просто\r\n  заметки из vault впиши полностью в этот\r\n  конспект, В короткой инфе - самое важно, в\r\n  подробной - всё, что есть\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПлан: сначала отвечу по инструменту экспорта с\r\n  опорой на актуальные официальные источники,\r\n  затем перепишу HTML так, чтобы подробные блоки\r\n  содержали полный текст заметок из vault без\r\n  прямых ссылок на \u001b[36m.md\u001b[0m. После этого пересоберу\r\n  PDF и проверю якоря.\r\n\r\n\u001b[2m◦\u001b[0m \u001b[1mSearching the web\r\n\r\n\u001b[22;2m•\u001b[0m \u001b[1mSearched\u001b[0m Chrome headless print to pdf command\r\n  official documentation\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mПо инструменту коротко: для этого кейса лучше\r\n  не скачивать отдельный конвертер, а\r\n  использовать уже установленный Chromium\r\n  headless. Он официально поддерживает \u001b[36m--print-\r\n\u001b[0m  \u001b[36mto-pdf\u001b[0m и \u001b[36m--no-pdf-header-footer\u001b[0m; для HTML с\r\n  якорями и браузерной CSS-вёрсткой это самый\r\n  предсказуемый вариант. \u001b[36mWeasyPrint\u001b[0m хорош для\r\n  печатной CSS-вёрстки, но может отличаться от\r\n  браузерного рендера; \u001b[36mpandoc\u001b[0m сильнее для\r\n  Markdown/LaTeX-документов, а PDF обычно\r\n  требует отдельный PDF engine. Сейчас переделаю\r\n  конспект под твоё требование.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mwhich\u001b[38;2;205;214;244m pandoc\r\n\u001b[39;2m  └ /usr/bin/pandoc\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"<section class=\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161mdetails\u001b[38;2;245;194;231m\\\"\u001b[38;2;166;227;161m|</\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22msection>|note-source|Vault:\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mProgramming/Web/Подготовка к экзамену по\r\n\u001b[39;2m  │ … +1 lines\r\n  └ 33 matches in 25F:\r\n\r\n    … +83 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m   693: </section>\r\n\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m wc\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172ml\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/\r\n\u001b[39;2m  │ … +17 lines\r\n  └ 698 веб-разработке.html\r\n\u001b[0m    \u001b[2m123 HTTP3.md\r\n    … +10 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m190 CUD.md\r\n\u001b[0m    \u001b[2mΣ 2207\r\n\r\n────────────────────────────────────────────────\r\n  │ \u001b[38;2;166;227;161;22mimport re\r\n\u001b[39;2m  │ … +287 lines\r\n  └ (no output)\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mПодробная часть заменена. Проверяю, что не\r\n  осталось ссылок на \u001b[36m.md\u001b[0m, что якоря целые, и что\r\n  все прежние короткие ссылки ведут в\r\n  существующие подробные блоки.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m grep\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mn\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'href=\"[^\"]+\\.md|\\.md\">|\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mVault:|note-source|data-note-title'\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mLibrary/Programming/Web/Подготовка к\r\n\u001b[39;2m  │ … +1 lines\r\n    … +32 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +9\r\n\r\n\u001b[32;1;22m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mrtk\u001b[38;2;205;214;244m wc\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172ml\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"90 Library/Programming/Web/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mПодготовка к экзамену по\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mвеб-разработке.html\"\r\n\u001b[39;2m  └ 2591\r\n\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mList\u001b[0m python3 -c \"import re, pathlib;\r\n         p=pathlib.Path(\\\"90 Library/\r\n         Programming/\r\n         Web/Подготовка к экзамену по веб-\r\n         hrefs=re.findall(r\\\"href=\\\\\\\"#([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s); print(\\\"missing\\\",\r\n         len(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\r\n         \\\"\\\", s))-len(ids)); print(\\\"ids\\\",\r\n         len(ids), \\\"hash_links\\\", len(hrefs))\"\r\n    \u001b[36mRead\u001b[0m Подготовка к экзамену по веб-\r\n         разработке.html\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[36;22mpandoc\u001b[0m добавил одинаковые \u001b[36mid\u001b[0m на заголовки\r\n  внутри вставленных заметок, это может ломать\r\n  якоря. Уберу эти внутренние \u001b[36mid\u001b[0m, оставлю только\r\n  наши управляемые якоря карточек и подробных\r\n\u001b[2m  │ \u001b[38;2;166;227;161;22mfrom pathlib import Path\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mimport re\r\n\u001b[39;2m  │ … +18 lines\r\n  └ (no output)\r\n\r\n• \u001b[0mModel interrupted to submit steer\r\ninstructions.\r\n\r\n\u001b[48;5;238m\u001b[48X\r\n\u001b[1;2m› \u001b[22;22mИ фотки сломались, почини их тоже\r\n\r\n\u001b[0m\u001b[48X\r\n\u001b[2m• \u001b[0mПонял. Сейчас проверю все \u001b[36m<img src=...>\u001b[0m из\r\n  HTML: какие пути не существуют относительно\r\n  файла конспекта, исправлю относительные пути/\r\n  кодирование и пересоберу PDF.\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpython3\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172mc\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m'import bs4;\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mprint(bs4.__version__)'\r\n\u001b[39;2m  └ Traceback (most recent call last):\r\n\u001b[0m    \u001b[2m  File \"<string>\", line 1, in <module>\r\n•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.png\u001b[2m in \u001b[0m90 Library\r\n\r\n\u001b[31;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpython3\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m<<\u001b[38;2;166;227;161m'\u001b[38;2;203;166;247mPY\u001b[38;2;166;227;161m'\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mfrom pathlib import Path\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mfrom bs4 import BeautifulSoup\r\n\u001b[39;2m  │ … +23 lines\r\n  └ Traceback (most recent call last):\r\n\u001b[0m    \u001b[2m  File \"<stdin>\", line 2, in <module>\r\n\u001b[0m    \u001b[2mModuleNotFoundError: No module named 'bs4'\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mПричина уже видна: в \u001b[36m90 Library\u001b[0m нет ни одного\r\n  локального изображения, а подробные заметки\r\n  содержали ссылки вида \u001b[36m![](IPv6_image.png)\u001b[0m.\r\n  Значит они ломаются не из-за HTML, а потому\r\n  что исходных файлов картинок нет рядом с\r\n  заметками. Сейчас найду, есть ли эти\r\n  изображения в vault в других папках; если нет\r\n  — уберу битые \u001b[36m<img>\u001b[0m из конспекта и оставлю\r\n  подписи/текст, чтобы PDF был без сломанных\r\n  картинок.\r\n\r\n\u001b[2m•\u001b[0m \u001b[1mExplored\r\n\u001b[22;2m  └ \u001b[36;22mSearch\u001b[0m *.png\u001b[2m in \u001b[0m.\r\n    \u001b[36mSearch\u001b[0m *.png\u001b[2m in \u001b[0m.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mpython3\u001b[38;2;205;214;244m - \u001b[38;2;148;226;213m<<\u001b[38;2;166;227;161m'\u001b[38;2;203;166;247mPY\u001b[38;2;166;227;161m'\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mfrom pathlib import Path\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mfrom urllib.parse import unquote\r\n\u001b[39;2m  │ … +19 lines\r\n  └ imgs 15\r\n\u001b[0m    \u001b[2mMISS ../../Networking/Протоколы/\r\n    … +34 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mhome/ada/Documents/Vaults/SecondBrain/90\r\n\u001b[0m    \u001b[2mLibrary/Networking/3_NAT_image.png\r\n\r\n\u001b[0m•\u001b[1C\u001b[1mWorki\u001b[0mn\u001b[2mg\u001b[1C(2m 01s • esc to interrupt)\r\n\r\n\u001b[48;5;238;22m \u001b[47X\r\n\u001b[1m›\u001b[22m \u001b[2mSummarize recent commits\r\n\u001b[22m \r\n\u001b[0m\u001b[2X\u001b[2C\u001b[38;2;246;226;183mgpt-5.5 high\u001b[39;2m · \u001b[38;2;171;223;167;22m~/Documents/Vaults/SecondBrain\u001b[1X\u001b[2A\u001b[45D\u001b[0m",
                     "rows": 34,
                     "scrollLine": -1
                   }
@@ -164,7 +164,7 @@
               },
               "pinned": true,
               "icon": "terminal",
-              "title": "Terminal: ⠙ SecondBrain"
+              "title": "Terminal: ⠋ SecondBrain"
             }
           },
           {
diff --git a/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html b/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html
index 9d8c94f..852193e 100644
--- a/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html	
+++ b/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html	
@@ -365,12 +365,12 @@
       <article class="card" id="s-https">
         <h3>Протокол HTTPS</h3>
         <p>HTTPS — HTTP поверх TLS. Даёт шифрование, проверку подлинности сервера через сертификат и защиту от подмены данных. Порт по умолчанию — `443`.</p>
-        <a class="detail-link" href="#d-https">Подробно: HTTPS</a>
+        <a class="detail-link" href="#d-http">Подробно: HTTPS</a>
       </article>
       <article class="card" id="s-http3">
         <h3>Протокол HTTP/3</h3>
         <p>HTTP/3 работает поверх QUIC/UDP. Семантика HTTP сохраняется, но транспорт меняется: независимые потоки, встроенный TLS 1.3, меньше блокировок при потере пакетов.</p>
-        <a class="detail-link" href="#d-http3">Подробно: HTTP/3</a>
+        <a class="detail-link" href="#d-http">Подробно: HTTP/3</a>
       </article>
       <article class="card" id="s-ports">
         <h3>Сетевые порты. HTTP и HTTPS</h3>
@@ -417,36 +417,36 @@
   <section class="block" id="block-3">
     <h2>Блок 3. HTML Forms</h2>
     <div class="cards">
-      <article class="card" id="s-form"><h3>Форма и атрибуты</h3><p>`form` собирает пользовательский ввод. Главные атрибуты: `action` — куда отправлять, `method` — `get` или `post`.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-form-id-name"><h3>id и name</h3><p>`id` связывает поле с `label` и должен быть уникальным. `name` — имя параметра, под которым значение уйдёт на сервер.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-inputs"><h3>radio, checkbox, submit</h3><p>`radio` выбирает один вариант в группе с одинаковым `name`. `checkbox` — независимый флажок. `submit` отправляет форму.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-label"><h3>Label</h3><p>`label` подписывает поле и улучшает доступность. Связь делается через `for="field-id"` или вложением input внутрь label.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-fieldset"><h3>Группировка элементов</h3><p>`fieldset` объединяет связанные поля, `legend` задаёт подпись группы. Часто используется для radio-групп.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-required"><h3>required</h3><p>`required` запрещает отправку формы браузером, если поле пустое. Серверную валидацию всё равно нужно делать отдельно.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-placeholder"><h3>Placeholder</h3><p>`placeholder` показывает подсказку внутри пустого поля. Это не замена `label`, потому что исчезает при вводе.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-button-type"><h3>type для button</h3><p>`button` без `type` внутри формы часто ведёт себя как `submit`. Для обычной кнопки явно пишут `type="button"`.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
-      <article class="card" id="s-textarea"><h3>Textarea</h3><p>`textarea` — многострочное текстовое поле. Текст по умолчанию пишется между открывающим и закрывающим тегом.</p><a class="detail-link" href="#d-html-forms">Подробно: HTML forms</a></article>
+      <article class="card" id="s-form"><h3>Форма и атрибуты</h3><p>`form` собирает пользовательский ввод. Главные атрибуты: `action` — куда отправлять, `method` — `get` или `post`.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-form-id-name"><h3>id и name</h3><p>`id` связывает поле с `label` и должен быть уникальным. `name` — имя параметра, под которым значение уйдёт на сервер.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-inputs"><h3>radio, checkbox, submit</h3><p>`radio` выбирает один вариант в группе с одинаковым `name`. `checkbox` — независимый флажок. `submit` отправляет форму.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-label"><h3>Label</h3><p>`label` подписывает поле и улучшает доступность. Связь делается через `for="field-id"` или вложением input внутрь label.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-fieldset"><h3>Группировка элементов</h3><p>`fieldset` объединяет связанные поля, `legend` задаёт подпись группы. Часто используется для radio-групп.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-required"><h3>required</h3><p>`required` запрещает отправку формы браузером, если поле пустое. Серверную валидацию всё равно нужно делать отдельно.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-placeholder"><h3>Placeholder</h3><p>`placeholder` показывает подсказку внутри пустого поля. Это не замена `label`, потому что исчезает при вводе.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-button-type"><h3>type для button</h3><p>`button` без `type` внутри формы часто ведёт себя как `submit`. Для обычной кнопки явно пишут `type="button"`.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
+      <article class="card" id="s-textarea"><h3>Textarea</h3><p>`textarea` — многострочное текстовое поле. Текст по умолчанию пишется между открывающим и закрывающим тегом.</p><a class="detail-link" href="#d-html">Подробно: HTML forms</a></article>
     </div>
   </section>
 
   <section class="block" id="block-4">
     <h2>Блок 4. CSS selectors и базовые свойства</h2>
     <div class="cards">
-      <article class="card" id="s-css-universal"><h3>Универсальный селектор</h3><p>`*` выбирает все элементы. Часто применяют для сброса `box-sizing`, но специфичность у него нулевая.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-basic-selectors"><h3>Элемент, класс, идентификатор</h3><p>`p` выбирает теги, `.card` — класс, `#main` — уникальный id. ID специфичнее класса и тега.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-combinators"><h3>Дочерний, потомок, сестринский</h3><p>`A B` — потомок, `A > B` — прямой ребёнок, `A + B` — следующий сосед, `A ~ B` — последующие соседи.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-attr"><h3>Селектор атрибута</h3><p>`[attr]`, `[type="email"]`, `a[href^="https"]` выбирают элементы по наличию или значению атрибута.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-pseudo"><h3>Псевдоклассы</h3><p>`:hover`, `:focus`, `:checked`, `:nth-child()` выбирают состояние или позицию элемента. Структурные псевдоклассы зависят от места в DOM.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-group"><h3>Группировка селекторов</h3><p>Селекторы через запятую получают одно правило: `h1, h2, h3 { margin: 0; }`.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-cascade"><h3>Наследование и каскадирование</h3><p>Каскад решает конфликт правил по важности, специфичности и порядку. Наследуются в основном текстовые свойства, например `color` и `font-family`.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-css-specificity"><h3>Специфичность</h3><p>Условный вес: inline &gt; ID &gt; классы/атрибуты/псевдоклассы &gt; теги/псевдоэлементы. При равенстве побеждает правило ниже в коде.</p><a class="detail-link" href="#d-css-selectors">Подробно: CSS selectors</a></article>
-      <article class="card" id="s-box-model"><h3>Блочная модель</h3><p>Блок состоит из content, padding, border и margin. `box-sizing: border-box` включает padding и border в заданную ширину.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-background"><h3>Фон элемента</h3><p>Основные свойства: `background-color`, `background-image`, `background-repeat`, `background-position`, `background-size`.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-margin-align"><h3>Margin и выравнивание блоков</h3><p>`margin` задаёт внешний отступ. Для центрирования блочного элемента с заданной шириной часто используют `margin-left/right: auto`.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-fonts"><h3>Шрифты</h3><p>`font-family`, `font-size`, `font-weight`, `font-style` задают семейство, размер, толщину и наклон текста.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-text-align"><h3>Выравнивание и подчёркивание текста</h3><p>`text-align` управляет горизонтальным выравниванием текста, `text-decoration` — подчёркиванием и другими линиями.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-line-letter"><h3>line-height и letter-spacing</h3><p>`line-height` задаёт высоту строки, `letter-spacing` — расстояние между буквами. На читаемость влияют сильнее, чем кажется.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
-      <article class="card" id="s-text-shadow"><h3>Тень текста</h3><p>`text-shadow: x y blur color;` добавляет тень к тексту. В тестах важно помнить порядок смещения, размытия и цвета.</p><a class="detail-link" href="#d-css-props">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-css-universal"><h3>Универсальный селектор</h3><p>`*` выбирает все элементы. Часто применяют для сброса `box-sizing`, но специфичность у него нулевая.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-basic-selectors"><h3>Элемент, класс, идентификатор</h3><p>`p` выбирает теги, `.card` — класс, `#main` — уникальный id. ID специфичнее класса и тега.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-combinators"><h3>Дочерний, потомок, сестринский</h3><p>`A B` — потомок, `A > B` — прямой ребёнок, `A + B` — следующий сосед, `A ~ B` — последующие соседи.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-attr"><h3>Селектор атрибута</h3><p>`[attr]`, `[type="email"]`, `a[href^="https"]` выбирают элементы по наличию или значению атрибута.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-pseudo"><h3>Псевдоклассы</h3><p>`:hover`, `:focus`, `:checked`, `:nth-child()` выбирают состояние или позицию элемента. Структурные псевдоклассы зависят от места в DOM.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-group"><h3>Группировка селекторов</h3><p>Селекторы через запятую получают одно правило: `h1, h2, h3 { margin: 0; }`.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-cascade"><h3>Наследование и каскадирование</h3><p>Каскад решает конфликт правил по важности, специфичности и порядку. Наследуются в основном текстовые свойства, например `color` и `font-family`.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-css-specificity"><h3>Специфичность</h3><p>Условный вес: inline &gt; ID &gt; классы/атрибуты/псевдоклассы &gt; теги/псевдоэлементы. При равенстве побеждает правило ниже в коде.</p><a class="detail-link" href="#d-css">Подробно: CSS selectors</a></article>
+      <article class="card" id="s-box-model"><h3>Блочная модель</h3><p>Блок состоит из content, padding, border и margin. `box-sizing: border-box` включает padding и border в заданную ширину.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-background"><h3>Фон элемента</h3><p>Основные свойства: `background-color`, `background-image`, `background-repeat`, `background-position`, `background-size`.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-margin-align"><h3>Margin и выравнивание блоков</h3><p>`margin` задаёт внешний отступ. Для центрирования блочного элемента с заданной шириной часто используют `margin-left/right: auto`.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-fonts"><h3>Шрифты</h3><p>`font-family`, `font-size`, `font-weight`, `font-style` задают семейство, размер, толщину и наклон текста.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-text-align"><h3>Выравнивание и подчёркивание текста</h3><p>`text-align` управляет горизонтальным выравниванием текста, `text-decoration` — подчёркиванием и другими линиями.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-line-letter"><h3>line-height и letter-spacing</h3><p>`line-height` задаёт высоту строки, `letter-spacing` — расстояние между буквами. На читаемость влияют сильнее, чем кажется.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
+      <article class="card" id="s-text-shadow"><h3>Тень текста</h3><p>`text-shadow: x y blur color;` добавляет тень к тексту. В тестах важно помнить порядок смещения, размытия и цвета.</p><a class="detail-link" href="#d-css">Подробно: CSS свойства</a></article>
     </div>
   </section>
 
@@ -474,23 +474,23 @@
       <article class="card" id="s-charfield"><h3>CharField</h3><p>`CharField` хранит короткую строку и требует `max_length`. Для длинного текста обычно берут `TextField`.</p><a class="detail-link" href="#d-django-models">Подробно: Django models</a></article>
       <article class="card" id="s-foreignkey"><h3>ForeignKey</h3><p>`ForeignKey` задаёт связь многие-к-одному. `on_delete` определяет поведение при удалении связанного объекта; `related_name` задаёт имя обратной связи.</p><a class="detail-link" href="#d-django-models">Подробно: Django models</a></article>
       <article class="card" id="s-manytomany"><h3>Many-to-Many</h3><p>`ManyToManyField` задаёт связь многие-ко-многим. Django создаёт промежуточную таблицу автоматически, либо можно указать свою через `through`.</p><a class="detail-link" href="#d-django-models">Подробно: Django models</a></article>
-      <article class="card" id="s-fbv"><h3>FBV</h3><p>Function-Based View — функция, которая принимает `request` и возвращает `HttpResponse`, `render`, `redirect` или ошибку.</p><a class="detail-link" href="#d-django-fbv">Подробно: Django FBV</a></article>
-      <article class="card" id="s-render"><h3>render</h3><p>`render(request, template, context)` рендерит шаблон с контекстом и возвращает `HttpResponse`.</p><a class="detail-link" href="#d-django-fbv">Подробно: Django FBV</a></article>
-      <article class="card" id="s-context"><h3>Передача данных в шаблон</h3><p>Данные передаются словарём context: ключи становятся именами переменных в шаблоне.</p><a class="detail-link" href="#d-django-fbv">Подробно: Django FBV</a></article>
-      <article class="card" id="s-get-object"><h3>Объект или 404</h3><p>`get_object_or_404(Model, pk=pk)` возвращает объект или генерирует HTTP 404, если записи нет.</p><a class="detail-link" href="#d-django-fbv">Подробно: Django FBV</a></article>
-      <article class="card" id="s-routing-fbv"><h3>Маршрутизация FBV</h3><p>В `urlpatterns` функция передаётся напрямую: `path("posts/&lt;int:pk&gt;/", views.detail, name="detail")`.</p><a class="detail-link" href="#d-django-fbv">Подробно: Django FBV</a></article>
-      <article class="card" id="s-cbv-types"><h3>TemplateView, DetailView, ListView</h3><p>`TemplateView` показывает шаблон, `DetailView` — один объект, `ListView` — список объектов.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-models"><h3>CBV и модели</h3><p>Для `ListView`/`DetailView` можно указать `model = Post`; Django сам построит queryset и стандартные имена шаблонов.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-extra"><h3>Дополнительные данные</h3><p>Дополнительный контекст обычно добавляют через `get_context_data`, вызывая `super()` и дополняя словарь.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-default-vars"><h3>Переменные по умолчанию</h3><p>`ListView` отдаёт `object_list` и `modelname_list`; `DetailView` отдаёт `object` и `modelname`.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-queryset"><h3>Переопределение выгрузки</h3><p>`get_queryset()` меняет список объектов, `get_object()` — получение одного объекта. Часто используют фильтрацию по пользователю или статусу.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-pagination"><h3>Паджинация</h3><p>В `ListView` достаточно задать `paginate_by = N`; в шаблоне появится `page_obj`.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-templates"><h3>Шаблоны по умолчанию</h3><p>Для `DetailView`: `app/model_detail.html`; для `ListView`: `app/model_list.html`, если не задан `template_name`.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-super"><h3>Вызов базовой логики</h3><p>При переопределении методов вроде `get_context_data` обычно сначала вызывают `super()`, чтобы не потерять стандартный контекст.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-cbv-routing"><h3>Маршрутизация CBV</h3><p>Класс подключается через `.as_view()`: `path("", PostListView.as_view(), name="post_list")`.</p><a class="detail-link" href="#d-django-cbv">Подробно: Django CBV</a></article>
-      <article class="card" id="s-django-urls"><h3>Django URLs</h3><p>`path()` задаёт маршрут, view, kwargs и имя. `re_path()` использует regex. `reverse()` строит URL по имени маршрута.</p><a class="detail-link" href="#d-django-urls">Подробно: Django URLs</a></article>
-      <article class="card" id="s-django-templates"><h3>Язык шаблонов Django</h3><p>Переменные пишутся как `{{ value }}`, теги как `{% for %}`, фильтры как `{{ name|lower }}`. Наследование делается через `extends` и `block`.</p><a class="detail-link" href="#d-django-templates">Подробно: Django templates</a></article>
-      <article class="card" id="s-django-queries"><h3>Django queries</h3><p>QuerySet ленивый и цепочечный. Важно знать `get`, `filter`, `exclude`, `order_by`, `annotate`, `aggregate`, `Q`, `F`, `select_related`, `prefetch_related`.</p><a class="detail-link" href="#d-django-queries">Подробно: Django queries</a></article>
+      <article class="card" id="s-fbv"><h3>FBV</h3><p>Function-Based View — функция, которая принимает `request` и возвращает `HttpResponse`, `render`, `redirect` или ошибку.</p><a class="detail-link" href="#d-django-views">Подробно: Django FBV</a></article>
+      <article class="card" id="s-render"><h3>render</h3><p>`render(request, template, context)` рендерит шаблон с контекстом и возвращает `HttpResponse`.</p><a class="detail-link" href="#d-django-views">Подробно: Django FBV</a></article>
+      <article class="card" id="s-context"><h3>Передача данных в шаблон</h3><p>Данные передаются словарём context: ключи становятся именами переменных в шаблоне.</p><a class="detail-link" href="#d-django-views">Подробно: Django FBV</a></article>
+      <article class="card" id="s-get-object"><h3>Объект или 404</h3><p>`get_object_or_404(Model, pk=pk)` возвращает объект или генерирует HTTP 404, если записи нет.</p><a class="detail-link" href="#d-django-views">Подробно: Django FBV</a></article>
+      <article class="card" id="s-routing-fbv"><h3>Маршрутизация FBV</h3><p>В `urlpatterns` функция передаётся напрямую: `path("posts/&lt;int:pk&gt;/", views.detail, name="detail")`.</p><a class="detail-link" href="#d-django-views">Подробно: Django FBV</a></article>
+      <article class="card" id="s-cbv-types"><h3>TemplateView, DetailView, ListView</h3><p>`TemplateView` показывает шаблон, `DetailView` — один объект, `ListView` — список объектов.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-models"><h3>CBV и модели</h3><p>Для `ListView`/`DetailView` можно указать `model = Post`; Django сам построит queryset и стандартные имена шаблонов.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-extra"><h3>Дополнительные данные</h3><p>Дополнительный контекст обычно добавляют через `get_context_data`, вызывая `super()` и дополняя словарь.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-default-vars"><h3>Переменные по умолчанию</h3><p>`ListView` отдаёт `object_list` и `modelname_list`; `DetailView` отдаёт `object` и `modelname`.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-queryset"><h3>Переопределение выгрузки</h3><p>`get_queryset()` меняет список объектов, `get_object()` — получение одного объекта. Часто используют фильтрацию по пользователю или статусу.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-pagination"><h3>Паджинация</h3><p>В `ListView` достаточно задать `paginate_by = N`; в шаблоне появится `page_obj`.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-templates"><h3>Шаблоны по умолчанию</h3><p>Для `DetailView`: `app/model_detail.html`; для `ListView`: `app/model_list.html`, если не задан `template_name`.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-super"><h3>Вызов базовой логики</h3><p>При переопределении методов вроде `get_context_data` обычно сначала вызывают `super()`, чтобы не потерять стандартный контекст.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-cbv-routing"><h3>Маршрутизация CBV</h3><p>Класс подключается через `.as_view()`: `path("", PostListView.as_view(), name="post_list")`.</p><a class="detail-link" href="#d-django-views">Подробно: Django CBV</a></article>
+      <article class="card" id="s-django-urls"><h3>Django URLs</h3><p>`path()` задаёт маршрут, view, kwargs и имя. `re_path()` использует regex. `reverse()` строит URL по имени маршрута.</p><a class="detail-link" href="#d-django-views">Подробно: Django URLs</a></article>
+      <article class="card" id="s-django-templates"><h3>Язык шаблонов Django</h3><p>Переменные пишутся как `{{ value }}`, теги как `{% for %}`, фильтры как `{{ name|lower }}`. Наследование делается через `extends` и `block`.</p><a class="detail-link" href="#d-django-views">Подробно: Django templates</a></article>
+      <article class="card" id="s-django-queries"><h3>Django queries</h3><p>QuerySet ленивый и цепочечный. Важно знать `get`, `filter`, `exclude`, `order_by`, `annotate`, `aggregate`, `Q`, `F`, `select_related`, `prefetch_related`.</p><a class="detail-link" href="#d-django-models">Подробно: Django queries</a></article>
       <article class="card" id="s-django-forms"><h3>Django forms</h3><p>`forms.Form` — ручная форма, `ModelForm` строится по модели. Валидация через `is_valid`, `cleaned_data`, `clean_field`, `clean`.</p><a class="detail-link" href="#d-django-forms">Подробно: Django forms</a></article>
     </div>
   </section>
@@ -498,198 +498,2091 @@
   <section class="details" id="details">
     <h2>Подробные заметки</h2>
 
-    <article class="note" id="d-ip">
-      <h3>IP-адресация, IPv4, IPv6</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/IP-адрес.md">IP-адрес</a>, <a href="../../Networking/Протоколы/IPv6.md">IPv6</a></p>
-      <p>В интернете используются адреса разных уровней: физический адрес интерфейса, сетевой IP-адрес и символьное DNS-имя. IPv4 записывается четырьмя октетами, например `192.168.1.10`. IPv6 использует 128 бит и записывается группами шестнадцатеричных чисел.</p>
-      <div class="exam">В тесте часто спрашивают: IPv4 = 32 бита, IPv6 = 128 бит, IPv4 октет = 0-255, IPv6 не совместим напрямую с IPv4.</div>
-      <p class="back"><a href="#s-ip-addressing">Назад к краткой теме</a></p>
+    <article class="note full-note" id="d-ip">
+      <h3>IP-адрес и IPv6</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="IP-адрес">
+      <h1>IP-адрес</h1>
+      <p><strong>IP - Internet Protocol -</strong> Сетевой адрес</p>
+      <p>IP-адрес - это просто набор из 32 нулей и единиц, который
+      преобразовали в 10-ричную систему счисления и разбили на 4 части для
+      удобства.</p>
+      <p>В стандарте IPv4 мы можем использовать только <strong>4 294 967
+      296</strong> адресов, что может не хватить. На замену ему потихоньку
+      вводится IPv6 - число из 128 единиц и нулей, переведенный в 16-чную С.С.
+      и разбитый на 8 частей. Тут доступно уже сильно больше вариантов…</p>
+      <h2>Статическая И Динамическая
+      Адресация</h2>
+      <p>Статика - задается вручную и не меняется в ходе работы. Динамика -
+      задается автоматически посредством DHCP-сервера из определенного ему
+      пула IP.</p>
+      <p>Т.к. переход на IPv6 дорог, да и иметь всем конкретный IP не очень
+      безопасно, придумали NAT (Network Address Translation) и его надстройку
+      PAT (Port Address Translation). Суть в том, что много устройств могут
+      выходить в сеть под “одним” белым (внешним) IP. Но есть нюанс, при
+      маршрутизации трафика к белому IP добавляется порт, который уточняет, к
+      какому именно устройству сети и с каким “внутренним” IP направить эти
+      пакеты.</p>
+      </div>
+      <div class="embedded-note" data-note-title="IPv6">
+      <h1>IPv6</h1>
+      <p>При использовании IPv4 с 4 миллиардами адресов, в какой-то момент
+      очевидно столкнулись с проблемой их нехватки. Даже создание PAT и
+      использование локальной адресации не сильно спасло ситуацию.</p>
+      <p>Решением проблемы стало изобретение IP версии 6, где используется не
+      32 бита для кодирования адреса, а 128, при этом, увеличение количества
+      бит на единицу, увеличивает кол-во доступных адресов ровно в два раза,
+      следовательно, для 128 бит вакантных адресов примерно…</p>
+      <p><span class="math display">$$\large 340\ 282\ 366\ 920\ 938\ 463\
+      463\ 374\ 607\ 431\ 768\ 211\ 456$$</span></p>
+      <p>Это много, даже очень.</p>
+      <p>IPv5 А что случилось с IPv5? Хороший вопрос … IP-версия 5 была
+      использована для экспериментального проекта под названием “Протокол
+      интернет-потока”. Он определен в RFC, если вас интересуют исторические
+      причины: <a
+      href="http://www.faqs.org/rfcs/rfc1819.html">http://www.faqs.org/rfcs/rfc1819.html</a></p>
+      <h2>Отличия IPv4 И IPv6</h2>
+      <p>В чем же основная проблема перехода на IPv6? А в том, что нет
+      совместимости протоколов для IPv4 и новых поколений.</p>
+      <ul>
+      <li><strong>OSPF</strong> был обновлен с 2 (IPv4) до 3 (IPv6)
+      версии.</li>
+      <li><strong>ICMP</strong> был обновлен до ICMP 6.</li>
+      <li><strong>ARP</strong> был заменен на <em>NDP</em> (Neighborhood
+      Discovery Protocol).</li>
+      </ul>
+      <p><img src="../../Networking/Протоколы/IPv6_image.png" /></p>
+      <p>Вместо того чтобы уже добавлять все поля в заголовок, заголовок IPv6
+      использует “следующий заголовок”, который ссылается на необязательные
+      заголовки. Поскольку заголовок намного проще, маршрутизаторам придется
+      выполнять меньше работы.</p>
+      <p>Маршрутизация тоже сильно поменялась при переходе на новую
+      версию:</p>
+      <ol type="1">
+      <li>RIP -&gt; RIPng (RIP Next Generation)</li>
+      <li>BGP (Border Gateway Protocol) - протокол, объединяющий интернет
+      вместе. MP-BGP - Multi-Protocol BGP, он может маршрутизировать IPv6.
+      EIGRP также поддерживает IPv6.</li>
+      </ol>
+      <p>Надо учитывать, что даже при условии поддержки OSPF и EIGRP адресации
+      обоих версий, это два <strong>разных протокола</strong>. Из этого
+      следует, что сначала надо поднять протокол для одной версии, а потом для
+      другой. Использование двух версий IP называется <strong>двойным
+      стеком</strong>.</p>
+      <blockquote>
+      <p>Поскольку эти два протокола несовместимы, в будущем будет происходить
+      переход с IPv4 на IPv6. Это означает, что вы будете запускать оба
+      протокола в своей сети и, возможно, однажды вы сможете отключить IPv4,
+      так как весь интернет будет настроен на IPv6.</p>
+      </blockquote>
+      <h2>Формат IPv6</h2>
+      <pre class="text"><code>2041:0000:140F:0000:0000:0000:875B:131B</code></pre>
+      <p>Он сильно длиннее, чем IPv4, состоит из 8 частей, каждая часть
+      состоит из 4 шестнадцатиричных чисел.</p>
+      <p><img src="../../Networking/Протоколы/5_IPv6_image.png" /></p>
+      <p>Таблица перевода шестнадцатиричных чисел в двоичные</p>
+      <p>Существуют некоторые правила, позволяющие упростить работу с
+      адресами:</p>
+      <ol type="1">
+      <li>Если есть несколько частей с нулями, то их можно убрать, заменив на
+      <code>::</code> <code>2041:0000:140F:0000:0000:0000:875B:131B</code>
+      -&gt; <code>2041: 0000:140F:: 875B:131B</code></li>
+      <li>Если есть одиночный блок с нулями, то можно его заменить на один
+      ноль <code>2041: 0000:140F:: 875B:131B</code> -&gt;
+      <code>2041:0:140F:: 875B:131B</code></li>
+      <li>При наличии в блоке значащих чисел и нулями перед ними, нули можно
+      опустить <code>2001:0001:0002:0003:0004:0005:0006:0007</code> -&gt;
+      <code>2001:1:2:3:4:5:6:7</code></li>
+      </ol>
+      <p>При использовании IPv4 и нехватке адресов, люди начали
+      адаптироваться, придумав частные сети и VLSM (сегментацию сети),
+      использовали NAT и так далее. При переходе на IPv6 такой проблемы уже не
+      будет, т.к. пула доступных адресов будет достаточно для снабжения
+      адресами нескольких планет, таких, как Земля. Протокол IPv6 предлагает
+      два варианта для одноадресной рассылки:</p>
+      <ol type="1">
+      <li>Global Unicast</li>
+      <li>Unique Local</li>
+      </ol>
+      <p>Ранее, как отголосок IPv4 существовал третий диапазон адресов “site
+      local”, который начинался с <code>FEC0::/10</code>. Он предназначался
+      для использования во внутренних сетях (аналог
+      <code>192.168.0.0/24</code>), но был удален из стандарта IPv6.</p>
+      <p><strong>Global Unicast</strong> передачи похожи на публичные IPv4
+      адреса. Каждая компания, желающая подключится к интернету, получает пул
+      адресов, которые они, на своё усмотрение, делят на более мелкие
+      префиксы, чтобы все устройства сети поулчили IPv6 адрес, притом
+      уникальный во всем мире. Зарезервированный блорк называется префиксом
+      глобальной маршрутизации.</p>
+      <h2>Получение Префиксов</h2>
+      <ul>
+      <li><strong>IANA</strong> отвечает за распределение всех префиксов IPv6.
+      Они будут назначать реестрам разные блоки, которыми будут управлять
+      региональные компании.</li>
+      <li><strong>ISP</strong>, попадлающие под реестр региональной компании,
+      заправшивает блок IPv6. Они получают свой пул адресов, которые могут
+      распределять между провайдерами. !</li>
+      </ul>
+      <p><img src="../../Networking/Протоколы/4_IPv6_image.png" /></p>
+      <blockquote>
+      <p>Некоторые префиксы <strong>FD</strong>: Unique Local
+      <strong>FF</strong>: Multicast <strong>FE80</strong>: Link-Local</p>
+      </blockquote>
+      <h2>Local И Link-Local</h2>
+      <p>После получения клиентом от провайдера префикса, например,
+      <code>2001: 828:105:: / 48</code>, необходимо его разбить на подсети для
+      различных VLAN и point-to-point соединений, которые могут быть.
+      Поскольку адресное пространство настолько велико, все используют префикс
+      <code>/64</code> для подсетей. Не имеет смысла брать меньшие подсети.
+      Когда мы используем IPv4, мы вынуждены, для подсетей, дробить хостовую
+      часть!</p>
+      <p><img src="../../Networking/Протоколы/12_IPv6_image.png" /></p>
+      <p>Тогда, у нас, в целом, будет меньше хостов на подсеть.</p>
+      <p><img src="../../Networking/Протоколы/3_IPv6_image.png" /></p>
+      <p> В IPv6 такой проблемы нет:</p>
+      <p><img src="../../Networking/Протоколы/11_IPv6_image.png" /></p>
+      <p>Префикс Global Routing был назначен провайдером. Последние 64 бита
+      называются <strong>идентификатором интерфейса</strong>, это эквивалетно
+      части хоста в IPv4.</p>
+      <p>Путем несложно математики, получается, что у нас 16 бит на подсети, а
+      это около 65536 подсетей (как правило, этого <em>более чем</em>
+      достаточно). В этой же схеме, на хосты в каждой подсети отводится около
+      <strong>18 квинтиллионов</strong> хостов.</p>
+      <p>Если клиент получил префикс <code>2001: 828: 105:: / 48</code>, то он
+      может создать такие подсети: </p>
+      <p><img src="../../Networking/Протоколы/2_IPv6_image.png" /></p>
+      <pre class="text"><code>- 2001:828:105:0000::/64;
+      - 2001:828:105:0001::/64;
+      - 2001:828:105:0002::/64;
+      - 2001:828:105:0003::/64;
+      - 2001:828:105:0004::/64;
+      - 2001:828:105:0005::/64;
+      - 2001:828:105:0006::/64;
+      - 2001:828:105:0007::/64;
+      - 2001:828:105:0008::/64;
+      - 2001:828:105:0009::/64;
+      - 2001:828:105:000A::/64;
+      - 2001:828:105:000B::/64;
+      - 2001:828:105:000C::/64;
+      - 2001:828:105:000D::/64;
+      - 2001:828:105:000E::/64;
+      - 2001:828:105:000F::/64;
+      - 2001:828:105:0010::/64;
+      - 2001:828:105:0011::/64;
+      - 2001:828:105:0012::/64;
+      - 2001:828:105:0013::/64;
+      - 2001:828:105:0014::/64;
+      ...</code></pre>
+      </div>
+      <p class="back">Назад: <a href="#s-ip-addressing">Адресация, IPv4, IPv6</a></p>
     </article>
 
-    <article class="note" id="d-tcp">
-      <h3>TCP</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/TCP vs UDP.md">TCP vs UDP</a></p>
-      <p>TCP устанавливает соединение перед передачей данных, делит данные на сегменты, нумерует их, подтверждает доставку и повторяет потерянные данные. За это платит дополнительными задержками и служебным трафиком.</p>
-      <div class="exam">В тесте: TCP — надёжный, connection-oriented; UDP — быстрее и проще, но без гарантий доставки и порядка.</div>
-      <p class="back"><a href="#s-tcp">Назад к краткой теме</a></p>
+    <article class="note full-note" id="d-tcp">
+      <h3>TCP vs UDP</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="TCP vs UDP">
+      <h1>TCP Vs UDP</h1>
+      <p>Основные протоколы транспортного уровня модели OSI (L4).</p>
+      <h2><strong>TCP</strong></h2>
+      <ul>
+      <li><p>Transmission Control Protocol Перед передачей данных
+      устанавливает соединение трехсторонним рукопожатием.</p></li>
+      <li><p>SYN - отправка запроса на возможность передачи данных от
+      отправителя.</p></li>
+      <li><p>SYNACK - подтверждение получающей стороной.</p></li>
+      <li><p>ACK - начало передачи данных.</p></li>
+      </ul>
+      <p>После отправки части данных, получающая сторона отправляет
+      подтверждение передачи.</p>
+      <p>Этот протокол надежный, но очень медленный.</p>
+      <p>TCP, как протокол, определен в <strong>RFC (Request For Comments)
+      793</strong>, выполняет функции, перечисленные в таблице ниже, через
+      механизмы, предоставляемые конечными устройствами. Он полагается на IP
+      для сквозной доставки данных, включая вопросы маршрутизации. Независимо
+      от того, в каких условиях находятся ПК для передачи, TCP работает
+      одинаково на своем уровне. </p>
+      <p><img src="../../Networking/Протоколы/1_TCP%20vs%20UDP_image.png" /></p>
+      <p>Функционал TCP</p>
+      <figure>
+      <img src="../../Networking/Протоколы/TCP%20vs%20UDP_2.png"
+      alt="Отправка данных с трех приложений Анной Грише" />
+      <figcaption aria-hidden="true">Отправка данных с трех приложений Анной
+      Грише</figcaption>
+      </figure>
+      <p>Поля заголовка TCP</p>
+      <h2><strong>UDP</strong></h2>
+      <ul>
+      <li>User Datagram Protocol Просто бросается файлами в “сторону”
+      получающей стороны. Может теряться часть данных, или их порядок. В
+      случае с видео, звонками, мы можем позволить себе потерю данных.</li>
+      </ul>
+      <p><img src="../../Networking/Протоколы/2_TCP%20vs%20UDP_image.png" /></p>
+      </div>
+      <p class="back">Назад: <a href="#s-tcp">TCP</a></p>
     </article>
 
-    <article class="note" id="d-subnet">
+    <article class="note full-note" id="d-subnet">
       <h3>Подсети и маска подсети</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Подсети и маска подсети.md">Подсети и маска подсети</a></p>
-      <p>Маска подсети определяет, какие биты IPv4-адреса относятся к сети, а какие к хосту. Запись `/24` равна маске `255.255.255.0`: первые 24 бита — сеть, последние 8 — хосты.</p>
-      <div class="exam">Запомнить: чем больше префикс `/N`, тем меньше адресов в подсети.</div>
-      <p class="back"><a href="#s-subnet">Назад к краткой теме</a></p>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Подсети и маска подсети">
+      <h1>Подсети и маска подсети</h1>
+      <p>Маска подсети показывает, какая часть IPv4-адреса относится к сети, а
+      какая — к хосту внутри этой сети.</p>
+      <h2>Главное</h2>
+      <p>IPv4-адрес состоит из 32 бит. Без маски нельзя однозначно понять, где
+      заканчивается номер сети и начинается номер хоста.</p>
+      <p>Пример:</p>
+      <pre class="text"><code>IP:    192.168.123.132
+      Маска: 255.255.255.0
+      CIDR:  /24</code></pre>
+      <p><code>/24</code> означает, что первые 24 бита — сеть, оставшиеся 8
+      бит — хосты.</p>
+      <p>Для примера выше:</p>
+      <ul>
+      <li>адрес сети: <code>192.168.123.0</code>;</li>
+      <li>часть хоста: <code>0.0.0.132</code>;</li>
+      <li>маска: <code>255.255.255.0</code>.</li>
+      </ul>
+      <h2>CIDR</h2>
+      <p>CIDR-запись <code>/N</code> показывает количество единиц в маске.</p>
+      <table>
+      <thead>
+      <tr>
+      <th>CIDR</th>
+      <th>Маска</th>
+      <th>Типичный смысл</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td><code>/32</code></td>
+      <td><code>255.255.255.255</code></td>
+      <td>один конкретный IPv4-адрес</td>
+      </tr>
+      <tr>
+      <td><code>/24</code></td>
+      <td><code>255.255.255.0</code></td>
+      <td>256 адресов в подсети</td>
+      </tr>
+      <tr>
+      <td><code>/16</code></td>
+      <td><code>255.255.0.0</code></td>
+      <td>крупная сеть</td>
+      </tr>
+      <tr>
+      <td><code>/8</code></td>
+      <td><code>255.0.0.0</code></td>
+      <td>очень крупная сеть</td>
+      </tr>
+      <tr>
+      <td><code>/0</code></td>
+      <td><code>0.0.0.0</code></td>
+      <td>весь IPv4-интернет, маршрут по умолчанию</td>
+      </tr>
+      </tbody>
+      </table>
+      <h2>Приватные IPv4-диапазоны</h2>
+      <p>Эти адреса не маршрутизируются напрямую в публичном интернете и часто
+      используются вместе с NAT:</p>
+      <ul>
+      <li><code>10.0.0.0/8</code>;</li>
+      <li><code>172.16.0.0/12</code>;</li>
+      <li><code>192.168.0.0/16</code>.</li>
+      </ul>
+      <p>Loopback-диапазон:</p>
+      <ul>
+      <li><code>127.0.0.0/8</code>, чаще всего <code>127.0.0.1</code> как
+      <code>localhost</code>.</li>
+      </ul>
+      <h2>Связи</h2>
+      <ul>
+      <li>IP-адрес</li>
+      <li>IPv6</li>
+      <li>NAT</li>
+      <li>Сетевые порты</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-subnet">Маска подсети</a></p>
     </article>
 
-    <article class="note" id="d-nat">
-      <h3>NAT, приватные адреса, localhost</h3>
-      <p class="note-source">Vault: <a href="../../Networking/NAT.md">NAT</a>, <a href="../../Networking/Подсети и маска подсети.md">Подсети и маска подсети</a></p>
-      <p>NAT переводит приватные IPv4-адреса во внешний публичный адрес. Частые приватные диапазоны: `10.0.0.0/8`, `172.16.0.0/12`, `192.168.0.0/16`. Loopback-диапазон `127.0.0.0/8` не используется для обмена между узлами сети; `127.0.0.1` и `localhost` указывают на текущую машину.</p>
-      <div class="exam">В тесте: NAT экономит публичные IPv4 и скрывает внутреннюю адресацию, но ломает прямую end-to-end связность.</div>
-      <p class="back"><a href="#s-nat-localhost">Назад к краткой теме</a></p>
+    <article class="note full-note" id="d-nat">
+      <h3>NAT, localhost, подсети</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="NAT">
+      <h1>NAT</h1>
+      <p>При использовании IPv4 в какой-то момент возникла глобальная проблема
+      нехватки IP-адресов, ведь количество устройств росло семимильными
+      темпами, поэтому долгосрочным решением стал ввод IPv6, но это оказалось
+      очень долго и дорого, поэтому спасением стала технология NAT - Network
+      Assress Translation.</p>
+      <p>Сети, обычно, проектируются с учетом приватной адресации,
+      например:</p>
+      <ul>
+      <li><code>10.0.0.0/8</code></li>
+      <li><code>172.16.0.0/12</code></li>
+      <li><code>192.168.0.0/16</code></li>
+      </ul>
+      <p>Эти адреса позволяют устройствам внутри сети общаться друг с другом,
+      при этом не выводя каждое устройство в сеть на всеобщее обозрение. Чтобы
+      локальному устройству “выйти” в сеть и связаться с внешними
+      устройствами, нужно его внутренний приватный адрес “перевести” во
+      внешний “белый” IP.</p>
+      <p>Как раз для этого и нужна технология <em>NAT</em>, она позволяет
+      переводить частный адреса в публичные. Это не только позволило, в связке
+      с частными IPv4, экономить адреса, но и добавляет конфиденциальность,
+      т.к. за одним публичным IP могут скрываться десятки, сотни, а то и
+      тысячи устройств.</p>
+      <p>Маршрутизаторы с поддержкой NAT могут быть настроены на один или
+      несколько “белых” IP-адресов. Этот список называется <strong>пулом
+      NAT</strong>. Когда устройство из внутренней сети отправляет трафик во
+      внешнюю сеть, маршрутизатор переводит внутренний IP во внешний из пула.
+      Для внешних устройств весь входящий и исходящий трафик выглядит, как
+      имеющий общедоступный IP-адрес.</p>
+      <p>Маршрутизатор с NAT, обычно, работает на границе со
+      <strong>Stub-сетью</strong>.</p>
+      <blockquote>
+      <p><em>Stub-сеть</em> — это тупиковая сеть, в которой весь трафик к
+      другим сетям проходит через один-единственный маршрут, обычно через один
+      маршрутизатор или шлюз. Такая сеть не используется для транзита чужих
+      данных между сетями, а только для подключения собственных устройств к
+      внешнему миру, часто по маршруту по умолчанию.</p>
+      </blockquote>
+      <p><img src="../../Networking/4_NAT_image.png" /></p>
+      <p>В терминах NAT внутренней сетью является набор сетей, подлежащий
+      переводу. Внешняя сеть относится ко всем остальным сетям.</p>
+      <p>NAT включает 4 типа адресов:</p>
+      <ol type="1">
+      <li>Внутренний локальный адрес (Inside Local Address)</li>
+      <li>Внутренний глобальный адрес (Inside Global Address)</li>
+      <li>Внешний местный адрес (Outside local address)</li>
+      <li>Внешний глобальный адрес (Outside global address)</li>
+      </ol>
+      <p>При определении того, какой тип адреса используется, важно помнить,
+      что терминология NAT всегда <em>применяется с точки зрения устройства с
+      транслированным адресом</em>:</p>
+      <ul>
+      <li><strong>Внутренний адрес (Inside address)</strong> - адрес
+      устройства, которое транслируется NAT</li>
+      <li><strong>Внешний адрес (Outside address)</strong> - адрес устройства
+      назначения</li>
+      <li><strong>Локальный адрес (Local address)</strong> - это любой адрес,
+      который отображается во внутренней части сети</li>
+      <li><strong>Глобальный адрес (Global address)</strong> - это любой
+      адрес, который отображается во внешней части сети</li>
+      </ul>
+      <p><img src="../../Networking/2_NAT_image.png" /></p>
+      <h2>Типы NAT</h2>
+      <ol type="1">
+      <li>Статическая адресная трансляция (Static NAT) - сопоставление один к
+      одному между локальными и глобальными адресами.</li>
+      <li>Динамическая адресная трансляция (Dynamic NAT) - сопоставление
+      многих ко многим между локальными и глобальными адресами.</li>
+      <li>Post Address Translation (PAT) - многоадресное сопоставление
+      локальных и глобальных адресов с использованием портов. Также известен,
+      как <strong>NAT Overload</strong>.</li>
+      </ol>
+      <h3>Static NAT</h3>
+      <p>Статический NAT использует сопоставление локальных и глобальных
+      адресов один к одному. Настраиваются администратором сети и остаются
+      постоянными. При отправке пакетов на внешний адрес, он транслируется на
+      внутренний, при этом для внешних устройств, они имеют внешний ip-адрес.
+      Используются, например, для веб-серверов и иных устройств, которые
+      должны иметь согласованный адрес, доступный в интернете. Статический NAT
+      требует достаточное количество общедоступных адресов для обеспечения
+      всех устройств.</p>
+      <p><img src="../../Networking/NAT_image.png" /></p>
+      <p>Таблица статического NAT</p>
+      <h3>Dynamic NAT</h3>
+      <p>Динамический, обратно статическому, автоматически назначает и
+      освобождает внешние адреса. Занимаются они по принципу “кто первый
+      пришел, то и занял”. Аналогично статике, требует достаточного количества
+      адресов для удовлетворения общего количества одновременного
+      использования всеми устройствами.</p>
+      <p><img src="../../Networking/1_NAT_image.png" /></p>
+      <p>Таблица динамического NAT</p>
+      <h3>Port Address Translation
+      (PAT)</h3>
+      <p>PAT - это совершенно иная по сути работы система. Тут происходит
+      параллельная трансляция многих внутренних адресов на один или несколько
+      внешних адресов. Такая схема чаще всего используется в домашних
+      маршрутизаторах. Хитрость заключается в том, что адресация идет не
+      только по адресам, но и для каждого внутреннего адреса, сопоставляется
+      номер порта. Когда устройство инициирует сеанс <strong>TCP/IP</strong>,
+      оно генерирует значение порта
+      источника <strong>TCP</strong> или <strong>UDP</strong> для уникальной
+      идентификации сеанса. Когда NAT-маршрутизатор получает пакет от клиента,
+      он использует номер своего исходного порта, чтобы однозначно
+      идентифицировать конкретный перевод NAT. PAT гарантирует, что устройства
+      используют разный номер порта TCP для каждого сеанса. Когда ответ
+      возвращается с сервера, номер порта источника, который становится
+      номером порта назначения в обратном пути, определяет, какое устройство
+      маршрутизатор перенаправляет пакеты.</p>
+      <p><img src="../../Networking/3_NAT_image.png" /></p>
+      <p>Таблица PAT</p>
+      <p><strong>А что относительно пакетов IPv4, содержащих данные, отличные
+      от TCP или UDP?</strong><br />
+      Эти пакеты не содержат номер порта уровня 4. PAT переводит наиболее
+      распространенные протоколы, переносимые IPv4, которые не используют TCP
+      или UDP в качестве протокола транспортного уровня. Наиболее
+      распространенными из них являются <strong>ICMPv4</strong>. Каждый из
+      этих типов протоколов по-разному обрабатывается PAT. Например, сообщения
+      запроса ICMPv4, эхо-запросы и ответы включают идентификатор запроса
+      Query ID. ICMPv4 использует Query ID. для идентификации эхо-запроса с
+      соответствующим ответом. Идентификатор запроса увеличивается с каждым
+      отправленным эхо-запросом. PAT использует идентификатор запроса вместо
+      номера порта уровня 4.</p>
+      <table>
+      <colgroup>
+      <col style="width: 50%" />
+      <col style="width: 50%" />
+      </colgroup>
+      <thead>
+      <tr>
+      <th>Преимущества NAT</th>
+      <th>Недостатки NAT</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td>Поддержка приватных адресов, экономия публичных IPv4</td>
+      <td>Увеличение задержек, особенно для VoIP</td>
+      </tr>
+      <tr>
+      <td>Возможность нескольких пулов (резерв, балансировка нагрузки)</td>
+      <td>Потеря сквозной адресации, проблемы с некоторыми приложениями</td>
+      </tr>
+      <tr>
+      <td>Независимость внутренней адресации от провайдера</td>
+      <td>Потеря сквозной трассировки, сложнее диагностика</td>
+      </tr>
+      <tr>
+      <td>Повышение безопасности за счёт скрытия внутренней топологии</td>
+      <td>Сложности с туннелированием (IPsec и др.)</td>
+      </tr>
+      <tr>
+      <td>Лёгкая смена публичной схемы адресации без перенастройки хостов</td>
+      <td>Нарушение работы сервисов, требующих входящих соединений или
+      UDP</td>
+      </tr>
+      </tbody>
+      </table>
+      <h2>Связанные заметки</h2>
+      <ul>
+      <li>Terraform — NAT-шлюзы и пулы IP-адресов — типовые сетевые ресурсы,
+      которые Terraform декларативно управляет в облачной инфраструктуре (VPC,
+      subnets)</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-nat-localhost">NAT, localhost, подсети</a></p>
     </article>
 
-    <article class="note" id="d-dns">
-      <h3>DNS и DNS-серверы</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/DNS.md">DNS</a></p>
-      <p>DNS — распределённая база данных, которая по доменному имени возвращает IP-адрес или другие записи. Типичная цепочка: локальный кэш/hosts, resolver провайдера, root-серверы, TLD-серверы, авторитативные серверы домена.</p>
-      <div class="exam">В тесте: root не знает IP конкретного сайта, он направляет к TLD; авторитативный сервер знает записи домена.</div>
-      <p class="back"><a href="#s-dns">Назад к краткой теме</a></p>
+    <article class="note full-note" id="d-dns">
+      <h3>DNS</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="DNS">
+      <h1>DNS</h1>
+      <p>DNS - Domain Name System Аналог: контактная книга в телефоне
+      (сопоставление ФИО номеру телефона).</p>
+      <p>При вводе названия сайта или его доменного имени в поисковую строку
+      браузер обращается к кэшу, если вдруг уже заходили на этот сайт с этого
+      браузера.</p>
+      <p>Далее идет обращение к локальному DNS серверу (для ПК это файл
+      <code>hosts</code>).</p>
+      <p>Если ничего нет, то идет обращение к <strong>resolver</strong>
+      (распознающий). Обычно, это сервер у хостинг-провайдера, но можно задать
+      любой другой.</p>
+      <p>Тот ищет записи в своем кэше (если его пользователи часто ищут твой
+      сайт) А если не находит, то идет к корневому <strong>root</strong>
+      серверу, который отвечает за зону <code>.</code>.</p>
+      <p>Стоит отметить, что все доменные имена, на самом деле, имеют точку в
+      конце адреса: youtube.com. vk.com. mephi.ru. За эту корневую точку и
+      отвечают корневые сервера.</p>
+      <p>Тот не говорит IP-адрес, но говорит, кто может “подсказать”.</p>
+      <p>Он нас пересылает на TLD (Top Level Domain) сервер, который отвечает
+      за свою верхнеуровневую доменную зону. Те делятся на:</p>
+      <ol type="1">
+      <li>gTLD (Generic Top Level Domain) - доменные зоны, не привязанные к
+      стране.
+      <ul>
+      <li><code>.edu</code> - образование</li>
+      <li><code>.com</code> - коммерческие</li>
+      <li><code>.org</code> - организации и некомерческие</li>
+      </ul></li>
+      <li>ccTLD (Country Code Top Level Domain) - привязанные к стране:
+      <ul>
+      <li><code>.ru</code> - Россия</li>
+      <li><code>.ua</code> - Украина</li>
+      <li><code>.by</code> - Беларусь</li>
+      <li><code>.us</code> - США</li>
+      </ul></li>
+      </ol>
+      <p>Т.е. после корневого сервера, resolver пойдет к серверу верхнего
+      уровня, но и тот не скажет ему, куда переходить, тот подскажет, к какому
+      <em>авторитарному</em> серверу обратиться.</p>
+      <p>Авторитарный сервер или сервер авторитативных имен (<em>Authoritative
+      nameserver</em>) - это сервер, отвечающий за конкретный пул адресов, как
+      правило, такими выступают хостинг-провайдеры, которые регистрируют
+      домены. Вот они как раз говорят, какое нужен ip-адрес.</p>
+      <p>В терминологии DNS существует 3 вида запросов:</p>
+      <ol type="1">
+      <li>Recursive (рекурсивный) - запрос IP-адреса по домену.</li>
+      <li>Iterative (итеративный) - запрос IP-адреса, либо авторитативного DNS
+      сервера.</li>
+      <li>Inverse (обратный) - запрос доменного имени по IP-адресу.</li>
+      </ol>
+      </div>
+      <p class="back">Назад: <a href="#s-dns">DNS</a></p>
     </article>
 
-    <article class="note" id="d-http">
-      <h3>HTTP и HTTP-сообщения</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/HTTP, HTTPS и HTTP3.md">HTTP, HTTPS и HTTP/3</a></p>
-      <p>HTTP — протокол прикладного уровня. Запрос и ответ состоят из стартовой строки, заголовков, пустой строки и необязательного тела. Методы описывают действие над ресурсом, заголовки передают метаданные, коды ответа показывают результат обработки.</p>
-      <table><tr><th>Метод</th><th>Смысл</th></tr><tr><td>`GET`</td><td>Получить ресурс</td></tr><tr><td>`POST`</td><td>Отправить данные</td></tr><tr><td>`PUT`</td><td>Создать/заменить ресурс</td></tr><tr><td>`PATCH`</td><td>Частично изменить ресурс</td></tr><tr><td>`DELETE`</td><td>Удалить ресурс</td></tr></table>
-      <div class="exam">В тесте: `4xx` — проблема на стороне клиента, `5xx` — проблема на стороне сервера.</div>
-      <p class="back"><a href="#s-http">Назад к HTTP</a> · <a href="#s-http-message">Назад к HTTP-сообщениям</a></p>
+    <article class="note full-note" id="d-http">
+      <h3>HTTP, HTTPS и HTTP/3</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="HTTP, HTTPS и HTTP3">
+      <h1>HTTP, HTTPS и HTTP/3</h1>
+      <p>HTTP (HyperText Transfer Protocol) — прикладной протокол для доступа
+      к ресурсам WWW. Клиент и сервер обмениваются отдельными сообщениями:
+      клиент отправляет HTTP-запрос, сервер возвращает HTTP-ответ.</p>
+      <h2>Главное</h2>
+      <ul>
+      <li>HTTP сам по себе не хранит состояние между запросами. Сессии поверх
+      HTTP обычно поддерживаются через cookies или токены.</li>
+      <li>HTTP/1.0 часто открывал новое TCP-соединение на каждый обмен
+      запросом и ответом.</li>
+      <li>HTTP/1.1 добавил постоянные соединения и конвейерную обработку.</li>
+      <li>HTTP/2 использует бинарные фреймы, сжатие заголовков и
+      мультиплексирование нескольких потоков в одном TCP-соединении.</li>
+      <li>HTTPS — это HTTP поверх TLS. Он защищает конфиденциальность,
+      целостность и аутентичность соединения.</li>
+      <li>HTTP/3 переносит семантику HTTP на QUIC поверх UDP и уменьшает
+      проблему head-of-line blocking.</li>
+      </ul>
+      <h2>HTTP-запрос</h2>
+      <p>Стартовая строка запроса состоит из метода, цели запроса и версии
+      протокола:</p>
+      <pre class="http"><code>GET /index.html HTTP/1.1</code></pre>
+      <p>Основные методы:</p>
+      <table>
+      <thead>
+      <tr>
+      <th>Метод</th>
+      <th>Что делает</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td><code>GET</code></td>
+      <td>Получить ресурс; параметры часто передаются в query string.</td>
+      </tr>
+      <tr>
+      <td><code>POST</code></td>
+      <td>Отправить данные на сервер: форма, JSON, файл.</td>
+      </tr>
+      <tr>
+      <td><code>HEAD</code></td>
+      <td>Получить только заголовки, как у <code>GET</code>, без тела
+      ответа.</td>
+      </tr>
+      <tr>
+      <td><code>PUT</code></td>
+      <td>Создать или полностью заменить ресурс.</td>
+      </tr>
+      <tr>
+      <td><code>PATCH</code></td>
+      <td>Частично изменить ресурс.</td>
+      </tr>
+      <tr>
+      <td><code>DELETE</code></td>
+      <td>Удалить ресурс.</td>
+      </tr>
+      <tr>
+      <td><code>OPTIONS</code></td>
+      <td>Узнать доступные методы/возможности сервера.</td>
+      </tr>
+      </tbody>
+      </table>
+      <h2>HTTP-сообщение</h2>
+      <p>И запрос, и ответ имеют общую структуру:</p>
+      <ol type="1">
+      <li>Стартовая строка.</li>
+      <li>Заголовки.</li>
+      <li>Пустая строка.</li>
+      <li>Необязательное тело.</li>
+      </ol>
+      <p>Заголовок записывается как <code>Имя-Заголовка: значение</code>. Имя
+      не чувствительно к регистру.</p>
+      <p>Частые заголовки запроса:</p>
+      <ul>
+      <li><code>Host</code> — конкретный домен или IP, к которому обращается
+      клиент.</li>
+      <li><code>User-Agent</code> — сведения о клиенте: браузер, ОС,
+      версия.</li>
+      <li><code>Accept</code> — какие типы данных клиент готов принять.</li>
+      <li><code>Cookie</code> — cookies клиента.</li>
+      <li><code>Authorization</code> — данные аутентификации, например
+      Bearer-токен.</li>
+      </ul>
+      <h2>HTTP-ответ</h2>
+      <p>Строка статуса ответа содержит версию протокола, код состояния и
+      текстовое пояснение:</p>
+      <pre class="http"><code>HTTP/1.1 200 OK</code></pre>
+      <p>Классы кодов:</p>
+      <ul>
+      <li><code>1xx</code> — информационные.</li>
+      <li><code>2xx</code> — успешная обработка.</li>
+      <li><code>3xx</code> — перенаправление.</li>
+      <li><code>4xx</code> — ошибка клиента.</li>
+      <li><code>5xx</code> — ошибка сервера.</li>
+      </ul>
+      <p>Частые коды:</p>
+      <ul>
+      <li><code>200 OK</code> — запрос успешно обработан.</li>
+      <li><code>302 Found</code> — временное перенаправление.</li>
+      <li><code>400 Bad Request</code> — некорректный запрос.</li>
+      <li><code>403 Forbidden</code> — доступ запрещён.</li>
+      <li><code>404 Not Found</code> — ресурс не найден.</li>
+      <li><code>500 Internal Server Error</code> — внутренняя ошибка
+      сервера.</li>
+      </ul>
+      <h2>HTTPS</h2>
+      <p>HTTPS использует TLS поверх TCP-соединения. Порт по умолчанию —
+      <code>443</code>, у обычного HTTP — <code>80</code>.</p>
+      <p>Базовый смысл TLS:</p>
+      <ul>
+      <li>сервер предъявляет сертификат;</li>
+      <li>клиент проверяет сертификат через центр сертификации;</li>
+      <li>стороны согласуют ключи;</li>
+      <li>дальнейший трафик шифруется и защищается от подмены.</li>
+      </ul>
+      <p>SSL — устаревшее название семейства протоколов, в современных
+      системах фактически используется TLS, но термин “SSL-сертификат” всё ещё
+      распространён.</p>
+      <h2>HTTP/3</h2>
+      <p>HTTP/3 работает поверх QUIC, а QUIC работает поверх UDP. QUIC
+      объединяет надёжную доставку, шифрование TLS 1.3 и управление
+      потоками.</p>
+      <p>Ключевые отличия:</p>
+      <table>
+      <colgroup>
+      <col style="width: 50%" />
+      <col style="width: 50%" />
+      </colgroup>
+      <thead>
+      <tr>
+      <th>HTTP/2</th>
+      <th>HTTP/3</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td>Поверх TCP</td>
+      <td>Поверх UDP/QUIC</td>
+      </tr>
+      <tr>
+      <td>TLS-хендшейк отдельно</td>
+      <td>TLS 1.3 встроен в QUIC</td>
+      </tr>
+      <tr>
+      <td>Потеря TCP-пакета может блокировать все потоки</td>
+      <td>Потеря пакета влияет только на конкретный поток</td>
+      </tr>
+      <tr>
+      <td>Соединение привязано к IP/порту</td>
+      <td>QUIC поддерживает connection migration через connection ID</td>
+      </tr>
+      </tbody>
+      </table>
+      <p>HTTP/3 не меняет смысл методов, заголовков и кодов ответа. Меняется
+      транспортный слой.</p>
+      <h2>Связи</h2>
+      <ul>
+      <li>TCP vs UDP</li>
+      <li>IP-адрес</li>
+      <li>DNS</li>
+      <li>URI, URL, URN</li>
+      <li>Сетевые порты</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-http">HTTP</a> · <a href="#s-http-message">HTTP-запрос/ответ</a> · <a href="#s-https">HTTPS</a> · <a href="#s-http3">HTTP/3</a></p>
     </article>
 
-    <article class="note" id="d-https">
-      <h3>HTTPS</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/HTTP, HTTPS и HTTP3.md">HTTP, HTTPS и HTTP/3</a></p>
-      <p>HTTPS — это HTTP, защищённый TLS. Сертификат связывает домен с ключами и подтверждает подлинность сервера. TLS обеспечивает шифрование, целостность и защиту от подмены трафика.</p>
-      <div class="exam">В тесте: HTTP порт `80`, HTTPS порт `443`; Basic auth без HTTPS небезопасен.</div>
-      <p class="back"><a href="#s-https">Назад к краткой теме</a></p>
-    </article>
-
-    <article class="note" id="d-http3">
-      <h3>HTTP/3</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/HTTP, HTTPS и HTTP3.md">HTTP, HTTPS и HTTP/3</a></p>
-      <p>HTTP/3 переносит HTTP на QUIC поверх UDP. QUIC делает потоки независимыми: потеря пакета не блокирует все запросы внутри соединения, как это возможно в HTTP/2 поверх TCP. TLS 1.3 встроен в QUIC.</p>
-      <div class="exam">В тесте: HTTP/3 не меняет методы и коды HTTP, меняет транспорт: UDP/QUIC вместо TCP.</div>
-      <p class="back"><a href="#s-http3">Назад к краткой теме</a></p>
-    </article>
-
-    <article class="note" id="d-ports">
+    <article class="note full-note" id="d-ports">
       <h3>Сетевые порты</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Сетевые порты.md">Сетевые порты</a></p>
-      <p>Порт уточняет приложение-получателя внутри хоста. Номер порта находится в диапазоне `0-65535`. Порты TCP и UDP независимы: `53/tcp` и `53/udp` — разные конечные точки.</p>
-      <div class="exam">Минимум к запоминанию: HTTP `80`, HTTPS `443`, DNS `53`, SSH `22`, SMTP `25`.</div>
-      <p class="back"><a href="#s-ports">Назад к краткой теме</a></p>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Сетевые порты">
+      <h1>Сетевые порты</h1>
+      <p>Сетевой порт — числовой идентификатор процесса или сервиса внутри
+      одного IP-адреса. IP-адрес указывает хост, порт указывает приложение на
+      этом хосте.</p>
+      <h2>Главное</h2>
+      <ul>
+      <li>Порт — число от <code>0</code> до <code>65535</code>.</li>
+      <li>Порты используются транспортными протоколами, прежде всего TCP и
+      UDP.</li>
+      <li>TCP-порт и UDP-порт с одинаковым номером не конфликтуют: это разные
+      пространства портов.</li>
+      <li>Для веба важно помнить: HTTP обычно использует TCP <code>80</code>,
+      HTTPS — TCP <code>443</code>, альтернативный HTTP часто
+      <code>8080</code>.</li>
+      </ul>
+      <h2>Диапазоны</h2>
+      <table>
+      <colgroup>
+      <col style="width: 45%" />
+      <col style="width: 54%" />
+      </colgroup>
+      <thead>
+      <tr>
+      <th>Диапазон</th>
+      <th>Назначение</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td><code>0-1023</code></td>
+      <td>Well-known/system ports. В Unix/Linux для привязки к ним обычно
+      нужны повышенные права.</td>
+      </tr>
+      <tr>
+      <td><code>1024-49151</code></td>
+      <td>Registered ports. Могут быть зарегистрированы за службами.</td>
+      </tr>
+      <tr>
+      <td><code>49152-65535</code></td>
+      <td>Dynamic/private ports. Обычно используются клиентскими приложениями
+      временно.</td>
+      </tr>
+      </tbody>
+      </table>
+      <h2>Частые порты</h2>
+      <table>
+      <thead>
+      <tr>
+      <th>Порт</th>
+      <th>Сервис</th>
+      </tr>
+      </thead>
+      <tbody>
+      <tr>
+      <td><code>21</code></td>
+      <td>FTP</td>
+      </tr>
+      <tr>
+      <td><code>22</code></td>
+      <td>SSH</td>
+      </tr>
+      <tr>
+      <td><code>25</code></td>
+      <td>SMTP</td>
+      </tr>
+      <tr>
+      <td><code>53</code></td>
+      <td>DNS</td>
+      </tr>
+      <tr>
+      <td><code>80</code></td>
+      <td>HTTP</td>
+      </tr>
+      <tr>
+      <td><code>110</code></td>
+      <td>POP3</td>
+      </tr>
+      <tr>
+      <td><code>123</code></td>
+      <td>NTP</td>
+      </tr>
+      <tr>
+      <td><code>143</code></td>
+      <td>IMAP</td>
+      </tr>
+      <tr>
+      <td><code>443</code></td>
+      <td>HTTPS</td>
+      </tr>
+      <tr>
+      <td><code>993</code></td>
+      <td>IMAPS</td>
+      </tr>
+      <tr>
+      <td><code>3306</code></td>
+      <td>MySQL</td>
+      </tr>
+      <tr>
+      <td><code>3389</code></td>
+      <td>RDP</td>
+      </tr>
+      <tr>
+      <td><code>8080</code></td>
+      <td>альтернативный HTTP</td>
+      </tr>
+      </tbody>
+      </table>
+      <h2>Связи</h2>
+      <ul>
+      <li>HTTP, HTTPS и HTTP3</li>
+      <li>TCP vs UDP</li>
+      <li>IP-адрес</li>
+      <li>NAT</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-ports">Порты</a></p>
     </article>
 
-    <article class="note" id="d-auth">
-      <h3>Идентификация, аутентификация, авторизация</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Веб-аутентификация и авторизация.md">Веб-аутентификация и авторизация</a></p>
-      <p>Идентификация сообщает системе идентификатор субъекта. Аутентификация проверяет подлинность. Авторизация выдаёт права на действия. В HTTP встречаются схемы Basic, Digest и Bearer.</p>
-      <div class="exam">В тесте не путать: логин — идентификация, пароль/код — аутентификация, доступ к админке — авторизация.</div>
-      <p class="back"><a href="#s-auth">Назад к краткой теме</a></p>
+    <article class="note full-note" id="d-auth">
+      <h3>Веб-аутентификация и авторизация</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Веб-аутентификация и авторизация">
+      <h1>Веб-аутентификация и
+      авторизация</h1>
+      <p>Идентификация, аутентификация и авторизация — разные этапы контроля
+      доступа.</p>
+      <h2>Термины</h2>
+      <ul>
+      <li>Идентификация — пользователь сообщает, кто он: логин, email, номер
+      телефона, ID.</li>
+      <li>Аутентификация — система проверяет, что пользователь действительно
+      тот, за кого себя выдаёт: пароль, одноразовый код, ключ,
+      сертификат.</li>
+      <li>Авторизация — система решает, что уже аутентифицированному
+      пользователю разрешено делать.</li>
+      </ul>
+      <p>Коротко: идентификация отвечает на вопрос “кто ты?”, аутентификация —
+      “докажи”, авторизация — “что тебе можно?”.</p>
+      <h2>HTTP-аутентификация</h2>
+      <p>Распространённые схемы:</p>
+      <ul>
+      <li><code>Basic</code> — логин и пароль передаются как base64-строка.
+      Base64 не является шифрованием, поэтому Basic нельзя использовать без
+      HTTPS для чувствительных данных.</li>
+      <li><code>Digest</code> — схема с хешированием, исторически безопаснее
+      Basic, но сейчас используется реже.</li>
+      <li><code>Bearer</code> — клиент передаёт токен, обычно в заголовке
+      <code>Authorization</code>.</li>
+      </ul>
+      <p>Пример Bearer:</p>
+      <pre class="http"><code>Authorization: Bearer eyJhbGciOi...</code></pre>
+      <p>Bearer-токен даёт доступ тому, кто им владеет. Поэтому токены нужно
+      хранить аккуратно, ограничивать срок их жизни и уметь отзывать.</p>
+      <h2>Связи</h2>
+      <ul>
+      <li>OAuth 2.0</li>
+      <li>HTTP, HTTPS и HTTP3</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-auth">Идентификация/auth</a></p>
     </article>
 
-    <article class="note" id="d-oauth">
+    <article class="note full-note" id="d-oauth">
       <h3>OAuth 2.0</h3>
-      <p class="note-source">Vault: <a href="../../Networking/OAuth 2.0.md">OAuth 2.0</a></p>
-      <p>OAuth 2.0 позволяет стороннему приложению получить ограниченный доступ к ресурсам пользователя. Вместо пароля приложение получает токен с конкретными правами и сроком жизни.</p>
-      <div class="exam">В тесте: OAuth 2.0 — авторизация, не парольная аутентификация. Для входа поверх OAuth обычно нужен OpenID Connect.</div>
-      <p class="back"><a href="#s-oauth">Назад к краткой теме</a></p>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="OAuth 2.0">
+      <h1>OAuth 2.0</h1>
+      <p>OAuth 2.0 — протокол авторизации, который позволяет приложению
+      получить ограниченный доступ к ресурсам пользователя на другом сервисе
+      без передачи пароля пользователя этому приложению.</p>
+      <h2>Где встречается</h2>
+      <ul>
+      <li>вход на сайт через Google, GitHub, VK или другую внешнюю учётную
+      запись;</li>
+      <li>мобильное приложение получает доступ к данным в облаке;</li>
+      <li>бот или интеграция получает доступ к API сервиса.</li>
+      </ul>
+      <h2>Главная идея</h2>
+      <p>Пользователь подтверждает доступ на стороне сервиса-владельца данных.
+      Клиентское приложение получает токен и использует его для запросов к
+      API.</p>
+      <p>Пароль пользователя при этом остаётся у сервиса-источника, а
+      стороннее приложение получает только ограниченное разрешение.</p>
+      <h2>Участники</h2>
+      <ul>
+      <li>Resource Owner — владелец ресурса, обычно пользователь.</li>
+      <li>Client — приложение, которому нужен доступ.</li>
+      <li>Authorization Server — сервер, который выдаёт токены.</li>
+      <li>Resource Server — API, который принимает токен и отдаёт защищённые
+      данные.</li>
+      </ul>
+      <h2>Токены</h2>
+      <ul>
+      <li>Access token — используется для доступа к API.</li>
+      <li>Refresh token — используется для получения нового access token без
+      повторного входа пользователя.</li>
+      <li>Scope — набор разрешений, ограничивающий действия клиента.</li>
+      </ul>
+      <p>OAuth 2.0 — про авторизацию. Сам по себе он не обязан доказывать
+      личность пользователя как протокол аутентификации; для входа поверх
+      OAuth обычно используют OpenID Connect.</p>
+      <h2>Связи</h2>
+      <ul>
+      <li>Веб-аутентификация и авторизация</li>
+      <li>HTTP, HTTPS и HTTP3</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-oauth">OAuth 2.0</a></p>
     </article>
 
-    <article class="note" id="d-uri">
+    <article class="note full-note" id="d-uri">
       <h3>URI, URL, URN</h3>
-      <p class="note-source">Vault: <a href="../../Networking/Протоколы/URI, URL, URN.md">URI, URL, URN</a></p>
-      <p>URL показывает, где находится ресурс и как его получить: схема, хост, порт, путь, параметры, фрагмент. URN задаёт стабильное имя ресурса без места получения. URI — общее понятие для идентификаторов ресурсов.</p>
-      <div class="exam">Главная формула: URL ⊂ URI; URN ⊂ URI; не каждый URI является URL.</div>
-      <p class="back"><a href="#s-uri">Назад к краткой теме</a></p>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="URI, URL, URN">
+      <h1>URI, URL, URN</h1>
+      <p>URI, URL и URN — способы идентифицировать ресурс. Для экзамена важно
+      различать: URL указывает, где и как получить ресурс; URN даёт устойчивое
+      имя; URI — общее понятие.</p>
+      <h2>URL</h2>
+      <p>URL (Uniform Resource Locator) — адрес ресурса в сети и способ его
+      получения.</p>
+      <p>Синтаксис:</p>
+      <pre class="text"><code>схема://хост:порт/путь?параметры#фрагмент</code></pre>
+      <p>Пример:</p>
+      <pre class="text"><code>https://home.mephi.ru/study_groups?level=1&amp;organization_id=1&amp;term_id=20</code></pre>
+      <p>Компоненты:</p>
+      <ul>
+      <li>схема — чаще всего <code>http</code> или <code>https</code>;</li>
+      <li>хост — домен или IP-адрес;</li>
+      <li>порт — необязателен, если используется порт по умолчанию;</li>
+      <li>путь — расположение ресурса на сервере;</li>
+      <li>query string — параметры после <code>?</code>;</li>
+      <li>фрагмент — часть документа после <code>#</code>, часто соответствует
+      <code>id</code> HTML-элемента.</li>
+      </ul>
+      <h2>URN</h2>
+      <p>URN (Uniform Resource Name) — имя ресурса без указания его сетевого
+      расположения.</p>
+      <p>Синтаксис:</p>
+      <pre class="text"><code>urn:NID:NSS</code></pre>
+      <p>Пример:</p>
+      <pre class="text"><code>urn:uuid:d5aa821e-52bb-4f7e-a782-7662ed5eaf5c</code></pre>
+      <p>URN полезен, когда ресурс должен сохранять идентичность независимо от
+      места хранения. Пример: ISBN книги.</p>
+      <h2>URI</h2>
+      <p>URI (Uniform Resource Identifier) — общий идентификатор ресурса. URI
+      может быть URL, URN или совмещать оба подхода.</p>
+      <p>Синтаксис:</p>
+      <pre class="text"><code>схема:[//[пользователь:пароль@]хост[:порт]][/]путь[?запрос][#фрагмент]</code></pre>
+      <p>Главное правило: все URL являются URI, но не все URI являются
+      URL.</p>
+      <h2>Связи</h2>
+      <ul>
+      <li>HTTP, HTTPS и HTTP3</li>
+      <li>DNS</li>
+      <li>IP-адрес</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#s-uri">URI, URL, URN</a></p>
     </article>
 
-    <article class="note" id="d-html">
-      <h3>HTML</h3>
-      <p class="note-source">Vault: <a href="Основы HTML (структура, таблицы, формы).md">Основы HTML (структура, таблицы, формы)</a></p>
-      <p>HTML описывает структуру документа. Важно знать базовый каркас, роль `head` и `body`, блочные и строчные элементы, семантические теги, атрибуты `class`/`id`, ссылки, изображения, списки и таблицы.</p>
-      <div class="exam">В тесте: `class` можно повторять, `id` должен быть уникальным; таблицы — для табличных данных, не для макета.</div>
-      <p class="back"><a href="#block-2">Назад к краткому блоку HTML</a></p>
+    <article class="note full-note" id="d-html">
+      <h3>Основы HTML и HTML Forms</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Основы HTML (структура, таблицы, формы)">
+      <h1>Основы HTML</h1>
+      <p><strong>HTML (Hypertext Markup Language)</strong> — язык разметки для
+      структурирования и отображения веб-страниц.</p>
+      <h2>Структура HTML-документа</h2>
+      <p>Базовый шаблон (HTML5):</p>
+      <div class="sourceCode" id="cb1"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;!DOCTYPE</span> html<span class="dt">&gt;</span></span>
+      <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">html</span><span class="ot"> lang</span><span class="op">=</span><span class="st">&quot;ru&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">head</span><span class="dt">&gt;</span></span>
+      <span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">meta</span><span class="ot"> charset</span><span class="op">=</span><span class="st">&quot;UTF-8&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">meta</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;viewport&quot;</span><span class="ot"> content</span><span class="op">=</span><span class="st">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">title</span><span class="dt">&gt;</span>Заголовок страницы<span class="dt">&lt;/</span><span class="kw">title</span><span class="dt">&gt;</span></span>
+      <span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">head</span><span class="dt">&gt;</span></span>
+      <span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">body</span><span class="dt">&gt;</span></span>
+      <span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>    <span class="co">&lt;!-- Контент страницы --&gt;</span></span>
+      <span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">body</span><span class="dt">&gt;</span></span>
+      <span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">html</span><span class="dt">&gt;</span></span></code></pre></div>
+      <ul>
+      <li><code>&lt;!DOCTYPE html&gt;</code> — объявление типа документа.</li>
+      <li><code>&lt;head&gt;</code> — метаданные (не отображаются в
+      браузере).</li>
+      <li><code>&lt;body&gt;</code> — основное содержимое.</li>
+      </ul>
+      <h3>Метатег Viewport</h3>
+      <p>Критичен для мобильных устройств. Позволяет контролировать
+      масштаб.</p>
+      <div class="sourceCode" id="cb2"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">meta</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;viewport&quot;</span><span class="ot"> content</span><span class="op">=</span><span class="st">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="dt">&gt;</span></span></code></pre></div>
+      <h2>Основные теги и семантика</h2>
+      <p><strong>Тег</strong> — элемент разметки, который говорит браузеру,
+      что находится на странице: заголовок, абзац, ссылка, форма, таблица.</p>
+      <p>Обычно тег состоит из открывающей и закрывающей части:</p>
+      <div class="sourceCode" id="cb3"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span>Текст абзаца<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span></code></pre></div>
+      <p>Некоторые теги не имеют закрывающей пары:</p>
+      <div class="sourceCode" id="cb4"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">img</span><span class="ot"> src</span><span class="op">=</span><span class="st">&quot;cat.jpg&quot;</span><span class="ot"> alt</span><span class="op">=</span><span class="st">&quot;Кот&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">br</span><span class="dt">&gt;</span></span>
+      <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="dt">&gt;</span></span></code></pre></div>
+      <p><strong>Атрибуты</strong> уточняют поведение тега: -
+      <code>href</code> — адрес ссылки. - <code>src</code> — путь к
+      изображению или файлу. - <code>alt</code> — текстовое описание
+      изображения. - <code>class</code> — CSS-класс для стилизации. -
+      <code>id</code> — уникальный идентификатор элемента. - <code>name</code>
+      — имя поля формы, с которым данные отправляются на сервер.</p>
+      <h3>Блочные и строчные элементы</h3>
+      <ul>
+      <li><strong>Блочные элементы</strong> занимают всю доступную ширину и
+      обычно начинаются с новой строки: <code>&lt;div&gt;</code>,
+      <code>&lt;p&gt;</code>, <code>&lt;h1&gt;</code>,
+      <code>&lt;section&gt;</code>, <code>&lt;form&gt;</code>.</li>
+      <li><strong>Строчные элементы</strong> находятся внутри строки текста и
+      не ломают поток: <code>&lt;span&gt;</code>, <code>&lt;a&gt;</code>,
+      <code>&lt;strong&gt;</code>, <code>&lt;em&gt;</code>,
+      <code>&lt;code&gt;</code>.</li>
+      </ul>
+      <div class="sourceCode" id="cb5"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span></span>
+      <span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a>  Это абзац с <span class="dt">&lt;</span><span class="kw">strong</span><span class="dt">&gt;</span>важным текстом<span class="dt">&lt;/</span><span class="kw">strong</span><span class="dt">&gt;</span> и</span>
+      <span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;/about/&quot;</span><span class="dt">&gt;</span>ссылкой<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span>.</span>
+      <span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span></code></pre></div>
+      <h3>Семантические теги</h3>
+      <p>Семантика — это использование тегов по смыслу, а не только ради
+      внешнего вида.</p>
+      <p>Например, <code>&lt;main&gt;</code> означает главный контент
+      страницы, <code>&lt;nav&gt;</code> — навигацию,
+      <code>&lt;article&gt;</code> — самостоятельный материал. Это помогает
+      браузеру, поисковым системам, скринридерам и другим инструментам лучше
+      понимать структуру страницы.</p>
+      <ul>
+      <li><code>&lt;header&gt;</code> — верхняя часть страницы или секции:
+      логотип, заголовок, навигация.</li>
+      <li><code>&lt;nav&gt;</code> — блок навигационных ссылок.</li>
+      <li><code>&lt;main&gt;</code> — основной контент страницы; обычно один
+      на страницу.</li>
+      <li><code>&lt;section&gt;</code> — смысловой раздел страницы.</li>
+      <li><code>&lt;article&gt;</code> — самостоятельный материал: статья,
+      пост, карточка новости.</li>
+      <li><code>&lt;aside&gt;</code> — дополнительный контент: боковая панель,
+      подсказки, связанные ссылки.</li>
+      <li><code>&lt;footer&gt;</code> — нижняя часть страницы или секции.</li>
+      </ul>
+      <div class="sourceCode" id="cb6"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">body</span><span class="dt">&gt;</span></span>
+      <span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">header</span><span class="dt">&gt;</span></span>
+      <span id="cb6-3"><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">h1</span><span class="dt">&gt;</span>Блог<span class="dt">&lt;/</span><span class="kw">h1</span><span class="dt">&gt;</span></span>
+      <span id="cb6-4"><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">nav</span><span class="dt">&gt;</span></span>
+      <span id="cb6-5"><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;/&quot;</span><span class="dt">&gt;</span>Главная<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span></span>
+      <span id="cb6-6"><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;/about/&quot;</span><span class="dt">&gt;</span>О проекте<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span></span>
+      <span id="cb6-7"><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">nav</span><span class="dt">&gt;</span></span>
+      <span id="cb6-8"><a href="#cb6-8" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">header</span><span class="dt">&gt;</span></span>
+      <span id="cb6-9"><a href="#cb6-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-10"><a href="#cb6-10" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">main</span><span class="dt">&gt;</span></span>
+      <span id="cb6-11"><a href="#cb6-11" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">article</span><span class="dt">&gt;</span></span>
+      <span id="cb6-12"><a href="#cb6-12" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">h2</span><span class="dt">&gt;</span>Что такое HTML<span class="dt">&lt;/</span><span class="kw">h2</span><span class="dt">&gt;</span></span>
+      <span id="cb6-13"><a href="#cb6-13" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span>HTML описывает структуру веб-страницы.<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
+      <span id="cb6-14"><a href="#cb6-14" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">article</span><span class="dt">&gt;</span></span>
+      <span id="cb6-15"><a href="#cb6-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-16"><a href="#cb6-16" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">aside</span><span class="dt">&gt;</span></span>
+      <span id="cb6-17"><a href="#cb6-17" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">h2</span><span class="dt">&gt;</span>Похожие материалы<span class="dt">&lt;/</span><span class="kw">h2</span><span class="dt">&gt;</span></span>
+      <span id="cb6-18"><a href="#cb6-18" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;/css/&quot;</span><span class="dt">&gt;</span>Основы CSS<span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span></span>
+      <span id="cb6-19"><a href="#cb6-19" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">aside</span><span class="dt">&gt;</span></span>
+      <span id="cb6-20"><a href="#cb6-20" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">main</span><span class="dt">&gt;</span></span>
+      <span id="cb6-21"><a href="#cb6-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-22"><a href="#cb6-22" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">footer</span><span class="dt">&gt;</span></span>
+      <span id="cb6-23"><a href="#cb6-23" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span>2026<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
+      <span id="cb6-24"><a href="#cb6-24" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">footer</span><span class="dt">&gt;</span></span>
+      <span id="cb6-25"><a href="#cb6-25" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">body</span><span class="dt">&gt;</span></span></code></pre></div>
+      <p>Неправильно заменять всё на <code>&lt;div&gt;</code>, если есть более
+      точный тег. <code>&lt;div&gt;</code> нужен как нейтральный контейнер,
+      когда у блока нет отдельного смыслового значения.</p>
+      <h3>Текст и форматирование</h3>
+      <ul>
+      <li><strong>Заголовки:</strong>
+      <code>&lt;h1&gt;</code>…<code>&lt;h6&gt;</code>.</li>
+      <li><strong>Абзацы и переносы:</strong> <code>&lt;p&gt;</code>,
+      <code>&lt;br&gt;</code>.</li>
+      <li><strong>Логическое выделение:</strong> <code>&lt;strong&gt;</code>
+      (важное, жирный), <code>&lt;em&gt;</code> (акцент, курсив),
+      <code>&lt;code&gt;</code> (код).</li>
+      <li><strong>Контейнеры:</strong> <code>&lt;div&gt;</code> (блочный),
+      <code>&lt;span&gt;</code> (строчный).</li>
+      </ul>
+      <h3>Списки</h3>
+      <ul>
+      <li><strong>Маркированный:</strong> <code>&lt;ul&gt;</code> +
+      <code>&lt;li&gt;</code>.</li>
+      <li><strong>Нумерованный:</strong> <code>&lt;ol&gt;</code> +
+      <code>&lt;li&gt;</code>.</li>
+      </ul>
+      <h3>Ссылки и изображения</h3>
+      <ul>
+      <li><strong>Ссылка:</strong>
+      <code>&lt;a href="URL" target="_blank"&gt;Текст&lt;/a&gt;</code>.</li>
+      <li><strong>Изображение:</strong>
+      <code>&lt;img src="./path" alt="описание" width="500"&gt;</code>.</li>
+      </ul>
+      <hr />
+      <h2>Таблицы</h2>
+      <p>Используются для отображения структурированных данных. Не
+      рекомендуются для верстки макета.</p>
+      <p><strong>Структура таблицы:</strong></p>
+      <div class="sourceCode" id="cb7"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb7-1"><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">table</span><span class="dt">&gt;</span></span>
+      <span id="cb7-2"><a href="#cb7-2" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">caption</span><span class="dt">&gt;</span>Заголовок таблицы<span class="dt">&lt;/</span><span class="kw">caption</span><span class="dt">&gt;</span></span>
+      <span id="cb7-3"><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">thead</span><span class="dt">&gt;</span></span>
+      <span id="cb7-4"><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-5"><a href="#cb7-5" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">th</span><span class="dt">&gt;</span>Заголовок столбца 1<span class="dt">&lt;/</span><span class="kw">th</span><span class="dt">&gt;</span></span>
+      <span id="cb7-6"><a href="#cb7-6" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">th</span><span class="dt">&gt;</span>Заголовок столбца 2<span class="dt">&lt;/</span><span class="kw">th</span><span class="dt">&gt;</span></span>
+      <span id="cb7-7"><a href="#cb7-7" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;/</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-8"><a href="#cb7-8" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">thead</span><span class="dt">&gt;</span></span>
+      <span id="cb7-9"><a href="#cb7-9" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">tbody</span><span class="dt">&gt;</span></span>
+      <span id="cb7-10"><a href="#cb7-10" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-11"><a href="#cb7-11" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">td</span><span class="dt">&gt;</span>Данные 1<span class="dt">&lt;/</span><span class="kw">td</span><span class="dt">&gt;</span></span>
+      <span id="cb7-12"><a href="#cb7-12" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">td</span><span class="dt">&gt;</span>Данные 2<span class="dt">&lt;/</span><span class="kw">td</span><span class="dt">&gt;</span></span>
+      <span id="cb7-13"><a href="#cb7-13" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;/</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-14"><a href="#cb7-14" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">tbody</span><span class="dt">&gt;</span></span>
+      <span id="cb7-15"><a href="#cb7-15" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">tfoot</span><span class="dt">&gt;</span></span>
+      <span id="cb7-16"><a href="#cb7-16" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-17"><a href="#cb7-17" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">td</span><span class="dt">&gt;</span>Итог 1<span class="dt">&lt;/</span><span class="kw">td</span><span class="dt">&gt;</span></span>
+      <span id="cb7-18"><a href="#cb7-18" aria-hidden="true" tabindex="-1"></a>            <span class="dt">&lt;</span><span class="kw">td</span><span class="dt">&gt;</span>Итог 2<span class="dt">&lt;/</span><span class="kw">td</span><span class="dt">&gt;</span></span>
+      <span id="cb7-19"><a href="#cb7-19" aria-hidden="true" tabindex="-1"></a>        <span class="dt">&lt;/</span><span class="kw">tr</span><span class="dt">&gt;</span></span>
+      <span id="cb7-20"><a href="#cb7-20" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">tfoot</span><span class="dt">&gt;</span></span>
+      <span id="cb7-21"><a href="#cb7-21" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">table</span><span class="dt">&gt;</span></span></code></pre></div>
+      <ul>
+      <li><strong>Объединение ячеек:</strong> <code>colspan</code> (по
+      горизонтали), <code>rowspan</code> (по вертикали).</li>
+      </ul>
+      <hr />
+      <h2>Формы</h2>
+      <p>Инструмент для сбора данных пользователя.</p>
+      <p><strong>Базовая форма:</strong></p>
+      <div class="sourceCode" id="cb8"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">form</span><span class="ot"> action</span><span class="op">=</span><span class="st">&quot;/handler-url/&quot;</span><span class="ot"> method</span><span class="op">=</span><span class="st">&quot;post&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;username&quot;</span><span class="dt">&gt;</span>Имя:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;text&quot;</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;username&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;name&quot;</span><span class="ot"> placeholder</span><span class="op">=</span><span class="st">&quot;Введите имя&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a>    </span>
+      <span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">button</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;submit&quot;</span><span class="dt">&gt;</span>Отправить<span class="dt">&lt;/</span><span class="kw">button</span><span class="dt">&gt;</span></span>
+      <span id="cb8-6"><a href="#cb8-6" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">form</span><span class="dt">&gt;</span></span></code></pre></div>
+      <h3>Элементы управления:</h3>
+      <ul>
+      <li><code>&lt;input&gt;</code> — универсальное поле ввода. Поведение
+      зависит от <code>type</code>.</li>
+      <li><code>&lt;select&gt;</code> + <code>&lt;option&gt;</code> —
+      выпадающий список.</li>
+      <li><code>&lt;textarea&gt;</code> — многострочное поле для текста.</li>
+      <li><code>&lt;button&gt;</code> — кнопка отправки, сброса или обычного
+      действия.</li>
+      <li><code>&lt;fieldset&gt;</code> + <code>&lt;legend&gt;</code> —
+      группировка связанных полей с заголовком группы.</li>
+      </ul>
+      <p>Основные <code>type</code> для <code>&lt;input&gt;</code>: -
+      <code>text</code> — обычная строка. - <code>password</code> — поле
+      пароля, символы скрываются. - <code>email</code> — email; браузер
+      проверяет базовый формат адреса. - <code>number</code> — числовой ввод.
+      - <code>checkbox</code> — независимый флажок: можно выбрать несколько
+      вариантов. - <code>radio</code> — выбор одного варианта из группы с
+      одинаковым <code>name</code>. - <code>file</code> — загрузка файла. -
+      <code>date</code> — выбор даты. - <code>hidden</code> — скрытое поле, не
+      видно пользователю, но отправляется с формой.</p>
+      <div class="sourceCode" id="cb9"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="dt">&gt;</span>Email:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-2"><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> required</span><span class="dt">&gt;</span></span>
+      <span id="cb9-3"><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-4"><a href="#cb9-4" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="dt">&gt;</span>Возраст:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-5"><a href="#cb9-5" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;number&quot;</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="ot"> min</span><span class="op">=</span><span class="st">&quot;18&quot;</span><span class="ot"> max</span><span class="op">=</span><span class="st">&quot;99&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb9-6"><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-7"><a href="#cb9-7" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-8"><a href="#cb9-8" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;checkbox&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;agreement&quot;</span><span class="ot"> required</span><span class="dt">&gt;</span></span>
+      <span id="cb9-9"><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a>  Согласен с условиями</span>
+      <span id="cb9-10"><a href="#cb9-10" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-11"><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-12"><a href="#cb9-12" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">fieldset</span><span class="dt">&gt;</span></span>
+      <span id="cb9-13"><a href="#cb9-13" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">legend</span><span class="dt">&gt;</span>Способ связи<span class="dt">&lt;/</span><span class="kw">legend</span><span class="dt">&gt;</span></span>
+      <span id="cb9-14"><a href="#cb9-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-15"><a href="#cb9-15" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-16"><a href="#cb9-16" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;radio&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;contact_method&quot;</span><span class="ot"> value</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb9-17"><a href="#cb9-17" aria-hidden="true" tabindex="-1"></a>    Email</span>
+      <span id="cb9-18"><a href="#cb9-18" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-19"><a href="#cb9-19" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-20"><a href="#cb9-20" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-21"><a href="#cb9-21" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;radio&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;contact_method&quot;</span><span class="ot"> value</span><span class="op">=</span><span class="st">&quot;phone&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb9-22"><a href="#cb9-22" aria-hidden="true" tabindex="-1"></a>    Телефон</span>
+      <span id="cb9-23"><a href="#cb9-23" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-24"><a href="#cb9-24" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">fieldset</span><span class="dt">&gt;</span></span>
+      <span id="cb9-25"><a href="#cb9-25" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-26"><a href="#cb9-26" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;city&quot;</span><span class="dt">&gt;</span>Город:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-27"><a href="#cb9-27" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">select</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;city&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;city&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb9-28"><a href="#cb9-28" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">option</span><span class="ot"> value</span><span class="op">=</span><span class="st">&quot;moscow&quot;</span><span class="dt">&gt;</span>Москва<span class="dt">&lt;/</span><span class="kw">option</span><span class="dt">&gt;</span></span>
+      <span id="cb9-29"><a href="#cb9-29" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">option</span><span class="ot"> value</span><span class="op">=</span><span class="st">&quot;spb&quot;</span><span class="dt">&gt;</span>Санкт-Петербург<span class="dt">&lt;/</span><span class="kw">option</span><span class="dt">&gt;</span></span>
+      <span id="cb9-30"><a href="#cb9-30" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">select</span><span class="dt">&gt;</span></span>
+      <span id="cb9-31"><a href="#cb9-31" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-32"><a href="#cb9-32" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;comment&quot;</span><span class="dt">&gt;</span>Комментарий:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb9-33"><a href="#cb9-33" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">textarea</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;comment&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;comment&quot;</span><span class="ot"> rows</span><span class="op">=</span><span class="st">&quot;5&quot;</span><span class="dt">&gt;&lt;/</span><span class="kw">textarea</span><span class="dt">&gt;</span></span></code></pre></div>
+      <h3>Атрибуты валидации:</h3>
+      <ul>
+      <li><code>required</code> — поле обязательно для заполнения.</li>
+      <li><code>minlength</code> — минимальная длина текста.</li>
+      <li><code>maxlength</code> — максимальная длина текста.</li>
+      <li><code>min</code> — минимальное значение для числа или даты.</li>
+      <li><code>max</code> — максимальное значение для числа или даты.</li>
+      <li><code>pattern</code> — регулярное выражение, которому должно
+      соответствовать значение.</li>
+      <li><code>type="email"</code> — проверяет, что введён текст, похожий на
+      email.</li>
+      <li><code>type="url"</code> — проверяет, что введён URL.</li>
+      </ul>
+      <p>HTML-валидация работает в браузере до отправки формы. Она удобна для
+      пользователя, но не заменяет проверку на сервере: данные можно отправить
+      в обход браузера.</p>
+      <div class="sourceCode" id="cb10"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">form</span><span class="ot"> action</span><span class="op">=</span><span class="st">&quot;/register/&quot;</span><span class="ot"> method</span><span class="op">=</span><span class="st">&quot;post&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb10-2"><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;username&quot;</span><span class="dt">&gt;</span>Логин:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb10-3"><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">input</span></span>
+      <span id="cb10-4"><a href="#cb10-4" aria-hidden="true" tabindex="-1"></a><span class="ot">    type</span><span class="op">=</span><span class="st">&quot;text&quot;</span></span>
+      <span id="cb10-5"><a href="#cb10-5" aria-hidden="true" tabindex="-1"></a><span class="ot">    id</span><span class="op">=</span><span class="st">&quot;username&quot;</span></span>
+      <span id="cb10-6"><a href="#cb10-6" aria-hidden="true" tabindex="-1"></a><span class="ot">    name</span><span class="op">=</span><span class="st">&quot;username&quot;</span></span>
+      <span id="cb10-7"><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a><span class="ot">    required</span></span>
+      <span id="cb10-8"><a href="#cb10-8" aria-hidden="true" tabindex="-1"></a><span class="ot">    minlength</span><span class="op">=</span><span class="st">&quot;3&quot;</span></span>
+      <span id="cb10-9"><a href="#cb10-9" aria-hidden="true" tabindex="-1"></a><span class="ot">    maxlength</span><span class="op">=</span><span class="st">&quot;20&quot;</span></span>
+      <span id="cb10-10"><a href="#cb10-10" aria-hidden="true" tabindex="-1"></a><span class="ot">    pattern</span><span class="op">=</span><span class="st">&quot;[a-zA-Z0-9_]+&quot;</span></span>
+      <span id="cb10-11"><a href="#cb10-11" aria-hidden="true" tabindex="-1"></a><span class="ot">  </span><span class="dt">&gt;</span></span>
+      <span id="cb10-12"><a href="#cb10-12" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb10-13"><a href="#cb10-13" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="dt">&gt;</span>Email:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb10-14"><a href="#cb10-14" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;email&quot;</span><span class="ot"> required</span><span class="dt">&gt;</span></span>
+      <span id="cb10-15"><a href="#cb10-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb10-16"><a href="#cb10-16" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">label</span><span class="ot"> for</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="dt">&gt;</span>Возраст:<span class="dt">&lt;/</span><span class="kw">label</span><span class="dt">&gt;</span></span>
+      <span id="cb10-17"><a href="#cb10-17" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;number&quot;</span><span class="ot"> id</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;age&quot;</span><span class="ot"> min</span><span class="op">=</span><span class="st">&quot;18&quot;</span><span class="ot"> max</span><span class="op">=</span><span class="st">&quot;99&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb10-18"><a href="#cb10-18" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb10-19"><a href="#cb10-19" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">button</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;submit&quot;</span><span class="dt">&gt;</span>Зарегистрироваться<span class="dt">&lt;/</span><span class="kw">button</span><span class="dt">&gt;</span></span>
+      <span id="cb10-20"><a href="#cb10-20" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">form</span><span class="dt">&gt;</span></span></code></pre></div>
+      </div>
+      <p class="back">Назад: <a href="#block-2">HTML</a> · <a href="#block-3">HTML Forms</a></p>
     </article>
 
-    <article class="note" id="d-html-forms">
-      <h3>HTML Forms</h3>
-      <p class="note-source">Vault: <a href="Основы HTML (структура, таблицы, формы).md">Основы HTML (структура, таблицы, формы)</a></p>
-      <p>Форма отправляет данные на сервер. `action` задаёт URL, `method` — способ отправки. `label` связывается с полем через `for` и `id`. `name` определяет имя параметра при отправке. `required` и типы input помогают браузерной валидации, но не заменяют серверную проверку.</p>
-      <div class="exam">В тесте: у radio-кнопок одной группы должен быть одинаковый `name`; у `button` внутри формы лучше явно задавать `type`.</div>
-      <p class="back"><a href="#block-3">Назад к краткому блоку HTML Forms</a></p>
+    <article class="note full-note" id="d-css">
+      <h3>CSS: основы, селекторы и блочная модель</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Основы, селекторы и блочная модель">
+      <h1>CSS: Основы и селекторы</h1>
+      <p><strong>CSS (Cascading Style Sheets)</strong> — язык таблиц стилей
+      для оформления HTML-документов.</p>
+      <h2>Подключение CSS</h2>
+      <ol type="1">
+      <li><strong>Внешняя таблица:</strong>
+      <code>&lt;link rel="stylesheet" href="style.css"&gt;</code>.</li>
+      <li><strong>Внутренние стили:</strong> Тег <code>&lt;style&gt;</code> в
+      <code>&lt;head&gt;</code>.</li>
+      <li><strong>Встроенные (inline) стили:</strong> Атрибут
+      <code>style</code> у тега.</li>
+      </ol>
+      <h2>Селекторы</h2>
+      <ul>
+      <li><strong>Универсальный:</strong> <code>*</code> — все элементы.</li>
+      <li><strong>По тегу:</strong> <code>h1</code>, <code>p</code>.</li>
+      <li><strong>По классу:</strong> <code>.className</code>.</li>
+      <li><strong>По ID:</strong> <code>#idName</code>.</li>
+      <li><strong>Потомки:</strong> <code>div p</code> (все <code>p</code>
+      внутри <code>div</code>).</li>
+      <li><strong>Дочерние:</strong> <code>div &gt; p</code> (только прямые
+      наследники).</li>
+      <li><strong>Соседние:</strong> <code>h1 + p</code> (первый
+      <code>p</code> после <code>h1</code>).</li>
+      <li><strong>По атрибуту:</strong> <code>a[href^="https://"]</code>.</li>
+      </ul>
+      <h3>Псевдоклассы и
+      псевдоэлементы</h3>
+      <ul>
+      <li><code>:hover</code>, <code>:focus</code>, <code>:active</code>.</li>
+      <li><code>:nth-child(odd/even/n)</code>.</li>
+      <li><code>::before</code>, <code>::after</code> (используются с
+      <code>content</code>).</li>
+      </ul>
+      <h2>Каскадность и Специфичность</h2>
+      <p>Если правила конфликтуют, побеждает то, у которого выше
+      специфичность: 1. Inline стили (1, 0, 0, 0) 2. ID (0, 1, 0, 0) 3.
+      Классы, атрибуты, псевдоклассы (0, 0, 1, 0) 4. Теги и псевдоэлементы (0,
+      0, 0, 1)</p>
+      <hr />
+      <h1>Блочная модель (Box Model)</h1>
+      <p>Каждый элемент в CSS — это прямоугольный блок.</p>
+      <ul>
+      <li><strong>Content:</strong> Содержимое (текст, изображение).</li>
+      <li><strong>Padding:</strong> Внутренние поля (между контентом и
+      рамкой).</li>
+      <li><strong>Border:</strong> Рамка.</li>
+      <li><strong>Margin:</strong> Внешние отступы (между рамкой и
+      соседями).</li>
+      </ul>
+      <h2>Box-sizing</h2>
+      <ul>
+      <li><code>content-box</code> (по умолчанию): <code>width</code> задает
+      только ширину контента.</li>
+      <li><code>border-box</code>: <code>width</code> включает в себя
+      <code>padding</code> и <code>border</code>.</li>
+      </ul>
+      <h1>Свойство display</h1>
+      <ul>
+      <li><code>block</code>: Занимает всю ширину, начинается с новой
+      строки.</li>
+      <li><code>inline</code>: Ширина по контенту, не позволяет задавать
+      <code>width/height</code>.</li>
+      <li><code>inline-block</code>: Строчный элемент, но с возможностью
+      задавать размеры и отступы.</li>
+      <li><code>none</code>: Убирает элемент из документа.</li>
+      </ul>
+      <hr />
+      <h1>Базовые свойства оформления</h1>
+      <h2>Текст и шрифты</h2>
+      <ul>
+      <li><code>font-family</code>, <code>font-size</code>,
+      <code>font-weight</code>.</li>
+      <li><code>text-align</code>, <code>text-transform</code>
+      (<code>uppercase</code>, <code>capitalize</code>).</li>
+      <li><code>text-decoration</code> (<code>underline</code>,
+      <code>none</code>).</li>
+      <li><code>line-height</code>, <code>letter-spacing</code>.</li>
+      </ul>
+      <h2>Фон (Background)</h2>
+      <ul>
+      <li><code>background-color</code>.</li>
+      <li><code>background-image: url(...)</code>.</li>
+      <li><code>background-size: cover / contain</code>.</li>
+      <li><code>background-repeat: no-repeat</code>.</li>
+      <li><code>background-position: center</code>.</li>
+      </ul>
+      <h2>Границы и тени</h2>
+      <ul>
+      <li><code>border: 1px solid black;</code>.</li>
+      <li><code>border-radius: 5px;</code> (скругление углов).</li>
+      <li><code>box-shadow: x y blur spread color;</code>.</li>
+      <li><code>transition: 0.3s;</code> (плавные переходы).</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#block-4">CSS</a></p>
     </article>
 
-    <article class="note" id="d-css-selectors">
-      <h3>CSS selectors</h3>
-      <p class="note-source">Vault: <a href="Основы, селекторы и блочная модель.md">CSS: Основы и селекторы</a></p>
-      <p>CSS-селектор выбирает элементы, к которым применяются правила. Нужно различать селекторы тега, класса, id, атрибута, псевдокласса и комбинаторы. Каскад учитывает важность, специфичность и порядок правил.</p>
-      <div class="exam">Специфичность: inline &gt; ID &gt; класс/атрибут/псевдокласс &gt; тег/псевдоэлемент.</div>
-      <p class="back"><a href="#block-4">Назад к краткому блоку CSS</a></p>
+    <article class="note full-note" id="d-layout">
+      <h3>Адаптивность, Flexbox и Grid</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Адаптивность, Flexbox и Grid">
+      <h1>Адаптивная верстка</h1>
+      <p>Адаптивность (AWD) и отзывчивость (RWD) позволяют сайту корректно
+      отображаться на любых устройствах.</p>
+      <h2>Медиазапросы (<span class="citation"
+      data-cites="media">@media</span>)</h2>
+      <p>Синтаксис:</p>
+      <div class="sourceCode" id="cb1"><pre
+      class="sourceCode css"><code class="sourceCode css"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="im">@media</span> <span class="an">screen</span> <span class="kw">and</span> <span class="fu">(</span><span class="kw">max-width</span><span class="ch">:</span> <span class="dv">768</span><span class="dt">px</span><span class="fu">)</span> {</span>
+      <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>    <span class="co">/* Стили для планшетов и телефонов */</span></span>
+      <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a>}</span></code></pre></div>
+      <ul>
+      <li><strong>Mobile First:</strong> Сначала стили для мобильных, затем
+      <code>min-width</code>.</li>
+      <li><strong>Desktop First:</strong> Сначала для десктопов, затем
+      <code>max-width</code>.</li>
+      </ul>
+      <hr />
+      <h1>Flexbox (Flexible Box Layout)</h1>
+      <p>Одномерная модель раскладки (по одной оси).</p>
+      <ul>
+      <li><strong>Контейнер:</strong> <code>display: flex;</code> /
+      <code>inline-flex;</code>.</li>
+      <li><strong>Направление:</strong>
+      <code>flex-direction: row | column | row-reverse</code>.</li>
+      <li><strong>Перенос:</strong>
+      <code>flex-wrap: wrap | nowrap</code>.</li>
+      <li><strong>Выравнивание по главной оси:</strong>
+      <code>justify-content: flex-start | center | space-between | space-around</code>.</li>
+      <li><strong>Выравнивание по поперечной оси:</strong>
+      <code>align-items: center | stretch</code>.</li>
+      <li><strong>Свойства элементов:</strong>
+      <ul>
+      <li><code>flex-grow</code> (коэффициент роста),</li>
+      <li><code>flex-shrink</code> (сжатие),</li>
+      <li><code>flex-basis</code> (базовый размер),</li>
+      <li><code>order</code> (порядок отображения).</li>
+      </ul></li>
+      </ul>
+      <hr />
+      <h1>Grid Layout</h1>
+      <p>Двумерная модель раскладки (строки + столбцы).</p>
+      <ul>
+      <li><strong>Контейнер:</strong> <code>display: grid;</code>.</li>
+      <li><strong>Определение сетки:</strong>
+      <ul>
+      <li><code>grid-template-columns: repeat(3, 1fr);</code> (3 колонки
+      равной ширины).</li>
+      <li><code>grid-template-rows: auto 1fr;</code>.</li>
+      </ul></li>
+      <li><strong>Единица fr:</strong> Доля свободного пространства.</li>
+      <li><strong>Отступы:</strong> <code>gap: 10px;</code>.</li>
+      <li><strong>Размещение элементов:</strong>
+      <ul>
+      <li><code>grid-column: 1 / 3;</code> (от 1-й до 3-й линии).</li>
+      <li><code>grid-row: 2 / span 2;</code> (со 2-й линии на 2 ячейки).</li>
+      </ul></li>
+      <li><strong>Именованные области:</strong></li>
+      </ul>
+      <div class="sourceCode" id="cb2"><pre
+      class="sourceCode css"><code class="sourceCode css"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="fu">.container</span> {</span>
+      <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>    <span class="kw">grid-template-areas</span><span class="ch">:</span> </span>
+      <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;header header&quot;</span></span>
+      <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;sidebar content&quot;</span></span>
+      <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;footer footer&quot;</span><span class="op">;</span></span>
+      <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>}</span>
+      <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a>header { <span class="kw">grid-area</span><span class="ch">:</span> <span class="dv">header</span><span class="op">;</span> }</span></code></pre></div>
+      <hr />
+      <h1>Сравнение Flex и Grid</h1>
+      <ul>
+      <li><strong>Flexbox:</strong> Лучше для одномерных структур (меню,
+      тулбары) и распределения пространства между элементами.</li>
+      <li><strong>Grid:</strong> Лучше для сложных макетов всей страницы,
+      перекрытия элементов и точного контроля над строками и столбцами
+      одновременно.</li>
+      </ul>
+      </div>
+      <p class="back">Назад: <a href="#block-5">Flexbox и Grid</a></p>
     </article>
 
-    <article class="note" id="d-css-props">
-      <h3>CSS базовые свойства</h3>
-      <p class="note-source">Vault: <a href="Основы, селекторы и блочная модель.md">CSS: Основы и селекторы</a></p>
-      <p>Блочная модель состоит из content, padding, border и margin. `box-sizing` меняет расчёт ширины. Текстовые свойства управляют шрифтами, выравниванием, межстрочным расстоянием, расстоянием между буквами и декором текста. Фон задаётся через группу `background-*`.</p>
-      <div class="exam">В тесте: `width` при `content-box` не включает padding/border, при `border-box` включает.</div>
-      <p class="back"><a href="#block-4">Назад к краткому блоку CSS</a></p>
+    <article class="note full-note" id="d-django-models">
+      <h3>Django Модели и ORM</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Модели и ORM">
+      <h1>Django Модели и ORM</h1>
+      <p><strong>Django ORM (Object-Relational Mapping)</strong> — технология
+      связи объектно-ориентированного кода и реляционной БД. Реализует паттерн
+      Active Record.</p>
+      <h2>Структура проекта</h2>
+      <ul>
+      <li><code>manage.py</code>: Утилита командной строки.</li>
+      <li><code>settings.py</code>: Конфигурация проекта (БД,
+      <code>INSTALLED_APPS</code>).</li>
+      <li><code>urls.py</code>: Описание маршрутов.</li>
+      <li><code>models.py</code>: Определение таблиц БД.</li>
+      </ul>
+      <pre class="text"><code>project/
+      ├── manage.py
+      ├── project/
+      │   ├── settings.py
+      │   └── urls.py
+      └── app/
+          └── models.py</code></pre>
+      <h2>Определение моделей</h2>
+      <div class="sourceCode" id="cb2"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.db <span class="im">import</span> models</span>
+      <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Person(models.Model):</span>
+      <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a>    first_name <span class="op">=</span> models.CharField(<span class="st">&quot;Имя&quot;</span>, max_length<span class="op">=</span><span class="dv">30</span>)</span>
+      <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a>    age <span class="op">=</span> models.IntegerField(default<span class="op">=</span><span class="dv">18</span>)</span>
+      <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>    bio <span class="op">=</span> models.TextField(blank<span class="op">=</span><span class="va">True</span>)</span>
+      <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a>    </span>
+      <span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>    <span class="kw">class</span> Meta:</span>
+      <span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a>        verbose_name <span class="op">=</span> <span class="st">&quot;Человек&quot;</span></span>
+      <span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a>        ordering <span class="op">=</span> [<span class="st">&quot;-first_name&quot;</span>]</span></code></pre></div>
+      <h3>Типы полей</h3>
+      <ul>
+      <li><code>AutoField</code> — автоинкрементный числовой первичный
+      ключ.</li>
+      <li><code>CharField(max_length=N)</code> — короткая строка фиксированной
+      максимальной длины.</li>
+      <li><code>TextField</code> — длинный текст без обязательного ограничения
+      длины.</li>
+      <li><code>IntegerField</code> — целое число.</li>
+      <li><code>DecimalField(max_digits, decimal_places)</code> — точное
+      десятичное число, удобно для денег и измерений.</li>
+      <li><code>BooleanField</code> — логическое значение
+      <code>True</code>/<code>False</code>.</li>
+      <li><code>DateField</code> — дата без времени.</li>
+      <li><code>DateTimeField</code> — дата и время.</li>
+      <li><code>EmailField</code> — строка с валидацией email-адреса.</li>
+      <li><code>FileField</code> — путь к загруженному файлу.</li>
+      <li><code>ImageField</code> — файл изображения с дополнительной
+      проверкой формата.</li>
+      </ul>
+      <div class="sourceCode" id="cb3"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Article(models.Model):</span>
+      <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a>    <span class="bu">id</span> <span class="op">=</span> models.AutoField(primary_key<span class="op">=</span><span class="va">True</span>)</span>
+      <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>    title <span class="op">=</span> models.CharField(max_length<span class="op">=</span><span class="dv">200</span>)</span>
+      <span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a>    body <span class="op">=</span> models.TextField()</span>
+      <span id="cb3-5"><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a>    views <span class="op">=</span> models.IntegerField(default<span class="op">=</span><span class="dv">0</span>)</span>
+      <span id="cb3-6"><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a>    price <span class="op">=</span> models.DecimalField(max_digits<span class="op">=</span><span class="dv">10</span>, decimal_places<span class="op">=</span><span class="dv">2</span>)</span>
+      <span id="cb3-7"><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a>    is_published <span class="op">=</span> models.BooleanField(default<span class="op">=</span><span class="va">False</span>)</span>
+      <span id="cb3-8"><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a>    published_at <span class="op">=</span> models.DateTimeField(null<span class="op">=</span><span class="va">True</span>, blank<span class="op">=</span><span class="va">True</span>)</span>
+      <span id="cb3-9"><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a>    author_email <span class="op">=</span> models.EmailField()</span>
+      <span id="cb3-10"><a href="#cb3-10" aria-hidden="true" tabindex="-1"></a>    attachment <span class="op">=</span> models.FileField(upload_to<span class="op">=</span><span class="st">&quot;files/&quot;</span>, blank<span class="op">=</span><span class="va">True</span>)</span>
+      <span id="cb3-11"><a href="#cb3-11" aria-hidden="true" tabindex="-1"></a>    cover <span class="op">=</span> models.ImageField(upload_to<span class="op">=</span><span class="st">&quot;covers/&quot;</span>, blank<span class="op">=</span><span class="va">True</span>)</span></code></pre></div>
+      <h3>Отношения</h3>
+      <ul>
+      <li><code>ForeignKey(Target, on_delete=...)</code> — связь “один ко
+      многим”: у одной записи <code>Target</code> может быть много связанных
+      записей текущей модели.</li>
+      <li><code>OneToOneField(Target, on_delete=...)</code> — связь “один к
+      одному”: каждой записи соответствует максимум одна связанная
+      запись.</li>
+      <li><code>ManyToManyField(Target)</code> — связь “многие ко многим”:
+      записи обеих моделей могут ссылаться на несколько записей другой
+      модели.</li>
+      </ul>
+      <p><code>on_delete</code> задаёт, что делать с текущей записью, если
+      удаляется связанная запись <code>Target</code>: - <code>CASCADE</code> —
+      удалить текущую запись вместе со связанной. - <code>PROTECT</code> —
+      запретить удаление связанной записи, пока на неё есть ссылки. -
+      <code>SET_NULL</code> — записать <code>NULL</code> в поле связи; требует
+      <code>null=True</code>. - <code>SET_DEFAULT</code> — записать значение
+      по умолчанию; требует <code>default</code>. - <code>DO_NOTHING</code> —
+      ничего не делать на уровне Django, ответственность остаётся на БД и
+      разработчике.</p>
+      <div class="sourceCode" id="cb4"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Author(models.Model):</span>
+      <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a>    name <span class="op">=</span> models.CharField(max_length<span class="op">=</span><span class="dv">100</span>)</span>
+      <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-4"><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-5"><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Profile(models.Model):</span>
+      <span id="cb4-6"><a href="#cb4-6" aria-hidden="true" tabindex="-1"></a>    author <span class="op">=</span> models.OneToOneField(Author, on_delete<span class="op">=</span>models.CASCADE)</span>
+      <span id="cb4-7"><a href="#cb4-7" aria-hidden="true" tabindex="-1"></a>    bio <span class="op">=</span> models.TextField()</span>
+      <span id="cb4-8"><a href="#cb4-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-9"><a href="#cb4-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-10"><a href="#cb4-10" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Book(models.Model):</span>
+      <span id="cb4-11"><a href="#cb4-11" aria-hidden="true" tabindex="-1"></a>    title <span class="op">=</span> models.CharField(max_length<span class="op">=</span><span class="dv">200</span>)</span>
+      <span id="cb4-12"><a href="#cb4-12" aria-hidden="true" tabindex="-1"></a>    author <span class="op">=</span> models.ForeignKey(Author, on_delete<span class="op">=</span>models.PROTECT)</span>
+      <span id="cb4-13"><a href="#cb4-13" aria-hidden="true" tabindex="-1"></a>    co_authors <span class="op">=</span> models.ManyToManyField(Author, related_name<span class="op">=</span><span class="st">&quot;coauthored_books&quot;</span>, blank<span class="op">=</span><span class="va">True</span>)</span></code></pre></div>
+      <hr />
+      <h2>Миграции</h2>
+      <p>Инструмент для синхронизации моделей с БД. -
+      <code>python manage.py makemigrations</code> — создать файлы миграций. -
+      <code>python manage.py migrate</code> — применить изменения в БД. -
+      <code>python manage.py showmigrations</code> — список статусов
+      миграций.</p>
+      <hr />
+      <h2>Работа с QuerySet (Запросы)</h2>
+      <p>Django QuerySet ленивы (вычисляются только при обращении) и
+      поддерживают цепочки методов.</p>
+      <h3>Базовые CRUD операции</h3>
+      <ul>
+      <li><strong>Create:</strong>
+      <code>obj = Person.objects.create(name="Ivan")</code> или
+      <code>obj.save()</code>.</li>
+      <li><strong>Read:</strong>
+      <ul>
+      <li><code>Person.objects.all()</code> (все),</li>
+      <li><code>Person.objects.get(id=1)</code> (один),</li>
+      <li><code>Person.objects.filter(age__gt=20)</code> (фильтрация).</li>
+      </ul></li>
+      <li><strong>Update:</strong>
+      <code>Person.objects.filter(id=1).update(age=25)</code>.</li>
+      <li><strong>Delete:</strong> <code>obj.delete()</code> или
+      <code>QuerySet.delete()</code>.</li>
+      </ul>
+      <div class="sourceCode" id="cb5"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="co"># Create</span></span>
+      <span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a>person <span class="op">=</span> Person.objects.create(first_name<span class="op">=</span><span class="st">&quot;Ivan&quot;</span>, age<span class="op">=</span><span class="dv">25</span>)</span>
+      <span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a><span class="co"># Read</span></span>
+      <span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a>people <span class="op">=</span> Person.objects.<span class="bu">all</span>()</span>
+      <span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a>person <span class="op">=</span> Person.objects.get(<span class="bu">id</span><span class="op">=</span><span class="dv">1</span>)</span>
+      <span id="cb5-7"><a href="#cb5-7" aria-hidden="true" tabindex="-1"></a>adults <span class="op">=</span> Person.objects.<span class="bu">filter</span>(age__gte<span class="op">=</span><span class="dv">18</span>)</span>
+      <span id="cb5-8"><a href="#cb5-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb5-9"><a href="#cb5-9" aria-hidden="true" tabindex="-1"></a><span class="co"># Update</span></span>
+      <span id="cb5-10"><a href="#cb5-10" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(<span class="bu">id</span><span class="op">=</span><span class="dv">1</span>).update(age<span class="op">=</span><span class="dv">26</span>)</span>
+      <span id="cb5-11"><a href="#cb5-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb5-12"><a href="#cb5-12" aria-hidden="true" tabindex="-1"></a><span class="co"># Delete</span></span>
+      <span id="cb5-13"><a href="#cb5-13" aria-hidden="true" tabindex="-1"></a>person.delete()</span></code></pre></div>
+      <h3>Поиск по полям (Field
+      Lookups)</h3>
+      <ul>
+      <li><code>exact</code>, <code>iexact</code> (регистронезависимо).</li>
+      <li><code>gt</code> (&gt;), <code>gte</code> (&gt;=), <code>lt</code>
+      (&lt;), <code>lte</code> (&lt;=).</li>
+      <li><code>contains</code>, <code>icontains</code>.</li>
+      <li><code>in</code> (список), <code>range</code> (диапазон).</li>
+      <li><code>isnull=True</code>.</li>
+      </ul>
+      <div class="sourceCode" id="cb6"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(first_name__exact<span class="op">=</span><span class="st">&quot;Ivan&quot;</span>)</span>
+      <span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(first_name__iexact<span class="op">=</span><span class="st">&quot;ivan&quot;</span>)</span>
+      <span id="cb6-3"><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(age__gt<span class="op">=</span><span class="dv">18</span>)</span>
+      <span id="cb6-4"><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(age__range<span class="op">=</span>(<span class="dv">18</span>, <span class="dv">30</span>))</span>
+      <span id="cb6-5"><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(first_name__icontains<span class="op">=</span><span class="st">&quot;iv&quot;</span>)</span>
+      <span id="cb6-6"><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(id__in<span class="op">=</span>[<span class="dv">1</span>, <span class="dv">2</span>, <span class="dv">3</span>])</span>
+      <span id="cb6-7"><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a>Person.objects.<span class="bu">filter</span>(bio__isnull<span class="op">=</span><span class="va">True</span>)</span></code></pre></div>
+      <h3>Оптимизация запросов</h3>
+      <ul>
+      <li><code>select_related('field')</code> — заранее подтягивает связанную
+      запись через <code>JOIN</code>. Подходит для <code>ForeignKey</code> и
+      <code>OneToOneField</code>, когда у объекта есть одна связанная
+      запись.</li>
+      <li><code>prefetch_related('field')</code> — делает отдельный запрос за
+      связанными объектами и собирает их в Python. Подходит для
+      <code>ManyToManyField</code> и обратных связей, где связанных записей
+      может быть много.</li>
+      <li><strong>Проблема N+1</strong> — ситуация, когда Django делает один
+      запрос за списком объектов, а потом ещё по одному запросу на каждый
+      объект в цикле.</li>
+      </ul>
+      <div class="sourceCode" id="cb7"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb7-1"><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="co"># select_related: книга + её автор загружаются одним SQL-запросом</span></span>
+      <span id="cb7-2"><a href="#cb7-2" aria-hidden="true" tabindex="-1"></a>books <span class="op">=</span> Book.objects.select_related(<span class="st">&quot;author&quot;</span>)</span>
+      <span id="cb7-3"><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-4"><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> book <span class="kw">in</span> books:</span>
+      <span id="cb7-5"><a href="#cb7-5" aria-hidden="true" tabindex="-1"></a>    <span class="bu">print</span>(book.title, book.author.name)</span></code></pre></div>
+      <div class="sourceCode" id="cb8"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="co"># prefetch_related: авторы загружаются отдельно, затем Django связывает их с книгами</span></span>
+      <span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a>books <span class="op">=</span> Book.objects.prefetch_related(<span class="st">&quot;authors&quot;</span>)</span>
+      <span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> book <span class="kw">in</span> books:</span>
+      <span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a>    <span class="bu">print</span>(book.title, [author.name <span class="cf">for</span> author <span class="kw">in</span> book.authors.<span class="bu">all</span>()])</span></code></pre></div>
+      <h3>Агрегация и аннотация</h3>
+      <ul>
+      <li><code>aggregate(Avg('rating'))</code> — считает одно итоговое
+      значение по всей выборке: среднее, сумму, минимум, максимум, количество.
+      Возвращает словарь, а не QuerySet.</li>
+      <li><code>annotate(total=Count('entries'))</code> — добавляет
+      вычисляемое поле к каждому объекту в выборке.</li>
+      </ul>
+      <div class="sourceCode" id="cb9"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.db.models <span class="im">import</span> Avg, Count</span>
+      <span id="cb9-2"><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-3"><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a><span class="co"># aggregate: одно итоговое значение по всей таблице книг</span></span>
+      <span id="cb9-4"><a href="#cb9-4" aria-hidden="true" tabindex="-1"></a>result <span class="op">=</span> Book.objects.aggregate(avg_rating<span class="op">=</span>Avg(<span class="st">&quot;rating&quot;</span>))</span>
+      <span id="cb9-5"><a href="#cb9-5" aria-hidden="true" tabindex="-1"></a><span class="bu">print</span>(result[<span class="st">&quot;avg_rating&quot;</span>])</span>
+      <span id="cb9-6"><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-7"><a href="#cb9-7" aria-hidden="true" tabindex="-1"></a><span class="co"># annotate: вычисляемое поле для каждого автора</span></span>
+      <span id="cb9-8"><a href="#cb9-8" aria-hidden="true" tabindex="-1"></a>authors <span class="op">=</span> Author.objects.annotate(total_books<span class="op">=</span>Count(<span class="st">&quot;books&quot;</span>))</span>
+      <span id="cb9-9"><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-10"><a href="#cb9-10" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> author <span class="kw">in</span> authors:</span>
+      <span id="cb9-11"><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a>    <span class="bu">print</span>(author.name, author.total_books)</span></code></pre></div>
+      <h3>Логические условия</h3>
+      <ul>
+      <li><code>Q-объекты</code> нужны для сложных условий в
+      <code>filter()</code>: <code>OR</code> (<code>|</code>),
+      <code>AND</code> (<code>&amp;</code>), <code>NOT</code>
+      (<code>~</code>).</li>
+      <li><code>F-выражения</code> позволяют сравнивать и изменять поля прямо
+      на стороне БД, не загружая значение в Python.</li>
+      </ul>
+      <div class="sourceCode" id="cb10"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.db.models <span class="im">import</span> F, Q</span>
+      <span id="cb10-2"><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb10-3"><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a><span class="co"># Q: рейтинг выше 4 или название содержит Django</span></span>
+      <span id="cb10-4"><a href="#cb10-4" aria-hidden="true" tabindex="-1"></a>books <span class="op">=</span> Book.objects.<span class="bu">filter</span>(</span>
+      <span id="cb10-5"><a href="#cb10-5" aria-hidden="true" tabindex="-1"></a>    Q(rating__gt<span class="op">=</span><span class="dv">4</span>) <span class="op">|</span> Q(title__icontains<span class="op">=</span><span class="st">&quot;Django&quot;</span>)</span>
+      <span id="cb10-6"><a href="#cb10-6" aria-hidden="true" tabindex="-1"></a>)</span>
+      <span id="cb10-7"><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb10-8"><a href="#cb10-8" aria-hidden="true" tabindex="-1"></a><span class="co"># F: увеличить счётчик просмотров прямо в БД</span></span>
+      <span id="cb10-9"><a href="#cb10-9" aria-hidden="true" tabindex="-1"></a>Book.objects.<span class="bu">filter</span>(<span class="bu">id</span><span class="op">=</span><span class="dv">1</span>).update(views<span class="op">=</span>F(<span class="st">&quot;views&quot;</span>) <span class="op">+</span> <span class="dv">1</span>)</span></code></pre></div>
+      </div>
+      <p class="back">Назад: <a href="#s-django-models">Django models</a> · <a href="#s-django-queries">Django queries</a></p>
     </article>
 
-    <article class="note" id="d-layout">
-      <h3>Flexbox и Grid</h3>
-      <p class="note-source">Vault: <a href="Адаптивность, Flexbox и Grid.md">CSS: Адаптивность, Flexbox и Grid</a></p>
-      <p>Flexbox — одномерная модель раскладки по главной и поперечной оси. Grid — двумерная сетка строк и колонок. Flex удобен для распределения элементов в строке или колонке, Grid — для общего макета страницы.</p>
-      <div class="exam">В тесте: `justify-content` работает по главной оси flex, `align-items` — по поперечной; `fr` — доля свободного пространства Grid.</div>
-      <p class="back"><a href="#block-5">Назад к краткому блоку Flex/Grid</a></p>
+    <article class="note full-note" id="d-django-views">
+      <h3>Django: представления, URL, шаблоны и CBV</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Представления, шаблоны и CBV">
+      <h1>Django: Представления,
+      шаблоны и CBV</h1>
+      <h2>Маршрутизация (URL Routing)</h2>
+      <ul>
+      <li>Описывается в <code>urlpatterns</code> с помощью <code>path()</code>
+      и <code>re_path()</code>.</li>
+      <li>Конвертеры: <code>&lt;int:pk&gt;</code>,
+      <code>&lt;slug:slug&gt;</code>, <code>&lt;uuid:id&gt;</code>.</li>
+      <li>Включение других файлов:
+      <code>path('blog/', include('blog.urls'))</code>.</li>
+      <li>Реверсирование: <code>{% url 'name' %}</code> в шаблонах или
+      <code>reverse('name')</code> в Python.</li>
+      </ul>
+      <p>Конвертеры вытаскивают часть URL, проверяют её тип и передают во view
+      как аргумент: - <code>&lt;str:name&gt;</code> — непустая строка без
+      <code>/</code>; используется по умолчанию. - <code>&lt;int:pk&gt;</code>
+      — целое положительное число. - <code>&lt;slug:slug&gt;</code> — строка
+      для человекочитаемого URL: буквы, цифры, <code>_</code>, <code>-</code>.
+      - <code>&lt;uuid:id&gt;</code> — UUID, например
+      <code>075194d3-6885-417e-a8a8-6c931e272f00</code>. -
+      <code>&lt;path:subpath&gt;</code> — строка, которая может содержать
+      <code>/</code>.</p>
+      <p>Маршрутизация связывает URL с view-функцией или view-классом. Имя
+      маршрута (<code>name</code>) нужно, чтобы не хардкодить URL в коде и
+      шаблонах.</p>
+      <div class="sourceCode" id="cb1"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="co"># project/urls.py</span></span>
+      <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.urls <span class="im">import</span> include, path</span>
+      <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;blog/&quot;</span>, include(<span class="st">&quot;blog.urls&quot;</span>)),</span>
+      <span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>]</span></code></pre></div>
+      <div class="sourceCode" id="cb2"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="co"># blog/urls.py</span></span>
+      <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.urls <span class="im">import</span> path</span>
+      <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> . <span class="im">import</span> views</span>
+      <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>app_name <span class="op">=</span> <span class="st">&quot;blog&quot;</span></span>
+      <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;&quot;</span>, views.post_list, name<span class="op">=</span><span class="st">&quot;post_list&quot;</span>),</span>
+      <span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;&lt;int:pk&gt;/&quot;</span>, views.post_detail, name<span class="op">=</span><span class="st">&quot;post_detail&quot;</span>),</span>
+      <span id="cb2-11"><a href="#cb2-11" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;tag/&lt;slug:slug&gt;/&quot;</span>, views.posts_by_tag, name<span class="op">=</span><span class="st">&quot;posts_by_tag&quot;</span>),</span>
+      <span id="cb2-12"><a href="#cb2-12" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;files/&lt;path:subpath&gt;/&quot;</span>, views.file_detail, name<span class="op">=</span><span class="st">&quot;file_detail&quot;</span>),</span>
+      <span id="cb2-13"><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a>]</span></code></pre></div>
+      <div class="sourceCode" id="cb3"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> post_detail(request, pk):</span>
+      <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a>    <span class="co"># pk уже int</span></span>
+      <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>    ...</span>
+      <span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-5"><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-6"><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> posts_by_tag(request, slug):</span>
+      <span id="cb3-7"><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a>    <span class="co"># slug — строка из URL</span></span>
+      <span id="cb3-8"><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a>    ...</span></code></pre></div>
+      <div class="sourceCode" id="cb4"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.urls <span class="im">import</span> reverse</span>
+      <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a>url <span class="op">=</span> reverse(<span class="st">&quot;blog:post_detail&quot;</span>, kwargs<span class="op">=</span>{<span class="st">&quot;pk&quot;</span>: <span class="dv">1</span>})</span></code></pre></div>
+      <hr />
+      <h2>Представления (Views)</h2>
+      <p>Views принимают <code>HttpRequest</code> и возвращают
+      <code>HttpResponse</code>.</p>
+      <p>View — это точка входа для запроса. В ней обычно читают данные из БД,
+      проверяют условия и возвращают HTML, JSON, редирект или ошибку.</p>
+      <h3>Функциональные представления
+      (FBV)</h3>
+      <p>FBV — обычная функция. Удобна, когда логика короткая и
+      нестандартная.</p>
+      <div class="sourceCode" id="cb5"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.shortcuts <span class="im">import</span> render, get_object_or_404</span>
+      <span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> index(request):</span>
+      <span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a>    latest_items <span class="op">=</span> Model.objects.<span class="bu">all</span>()[:<span class="dv">5</span>]</span>
+      <span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> render(request, <span class="st">&quot;app/index.html&quot;</span>, {<span class="st">&quot;items&quot;</span>: latest_items})</span></code></pre></div>
+      <div class="sourceCode" id="cb6"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.shortcuts <span class="im">import</span> get_object_or_404, render</span>
+      <span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-3"><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Post</span>
+      <span id="cb6-4"><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-5"><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> post_detail(request, pk):</span>
+      <span id="cb6-6"><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a>    post <span class="op">=</span> get_object_or_404(Post, pk<span class="op">=</span>pk)</span>
+      <span id="cb6-7"><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> render(request, <span class="st">&quot;blog/detail.html&quot;</span>, {<span class="st">&quot;post&quot;</span>: post})</span></code></pre></div>
+      <h3>Классовые представления (CBV)</h3>
+      <p>Абстрагируют типичные задачи. Вызываются в URL через
+      <code>.as_view()</code>.</p>
+      <ul>
+      <li><strong>TemplateView:</strong> Отображение статического
+      шаблона.</li>
+      <li><strong>ListView:</strong> Автоматический список объектов (данные в
+      <code>object_list</code>).</li>
+      <li><strong>DetailView:</strong> Детальная информация об одном объекте
+      (ищет по <code>pk</code> или <code>slug</code>).</li>
+      </ul>
+      <p>CBV — класс с готовым поведением. Django сам вызывает нужные методы
+      класса: например, <code>get()</code> для GET-запроса или
+      <code>get_queryset()</code> для получения списка объектов.</p>
+      <p><strong>Пример ListView:</strong></p>
+      <div class="sourceCode" id="cb7"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb7-1"><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.views.generic <span class="im">import</span> DetailView, ListView, TemplateView</span>
+      <span id="cb7-2"><a href="#cb7-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-3"><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Post</span>
+      <span id="cb7-4"><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-5"><a href="#cb7-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-6"><a href="#cb7-6" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> AboutView(TemplateView):</span>
+      <span id="cb7-7"><a href="#cb7-7" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/about.html&quot;</span></span>
+      <span id="cb7-8"><a href="#cb7-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-9"><a href="#cb7-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-10"><a href="#cb7-10" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> PostListView(ListView):</span>
+      <span id="cb7-11"><a href="#cb7-11" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Post</span>
+      <span id="cb7-12"><a href="#cb7-12" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/list.html&quot;</span></span>
+      <span id="cb7-13"><a href="#cb7-13" aria-hidden="true" tabindex="-1"></a>    context_object_name <span class="op">=</span> <span class="st">&quot;posts&quot;</span></span>
+      <span id="cb7-14"><a href="#cb7-14" aria-hidden="true" tabindex="-1"></a>    paginate_by <span class="op">=</span> <span class="dv">10</span></span>
+      <span id="cb7-15"><a href="#cb7-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-16"><a href="#cb7-16" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> get_queryset(<span class="va">self</span>):</span>
+      <span id="cb7-17"><a href="#cb7-17" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> Post.objects.<span class="bu">filter</span>(is_published<span class="op">=</span><span class="va">True</span>).order_by(<span class="st">&quot;-created_at&quot;</span>)</span>
+      <span id="cb7-18"><a href="#cb7-18" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-19"><a href="#cb7-19" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb7-20"><a href="#cb7-20" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> PostDetailView(DetailView):</span>
+      <span id="cb7-21"><a href="#cb7-21" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Post</span>
+      <span id="cb7-22"><a href="#cb7-22" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/detail.html&quot;</span></span>
+      <span id="cb7-23"><a href="#cb7-23" aria-hidden="true" tabindex="-1"></a>    context_object_name <span class="op">=</span> <span class="st">&quot;post&quot;</span></span></code></pre></div>
+      <div class="sourceCode" id="cb8"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb8-1"><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="co"># blog/urls.py</span></span>
+      <span id="cb8-2"><a href="#cb8-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.urls <span class="im">import</span> path</span>
+      <span id="cb8-3"><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb8-4"><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .views <span class="im">import</span> AboutView, PostDetailView, PostListView</span>
+      <span id="cb8-5"><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb8-6"><a href="#cb8-6" aria-hidden="true" tabindex="-1"></a>app_name <span class="op">=</span> <span class="st">&quot;blog&quot;</span></span>
+      <span id="cb8-7"><a href="#cb8-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb8-8"><a href="#cb8-8" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span id="cb8-9"><a href="#cb8-9" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;about/&quot;</span>, AboutView.as_view(), name<span class="op">=</span><span class="st">&quot;about&quot;</span>),</span>
+      <span id="cb8-10"><a href="#cb8-10" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;&quot;</span>, PostListView.as_view(), name<span class="op">=</span><span class="st">&quot;post_list&quot;</span>),</span>
+      <span id="cb8-11"><a href="#cb8-11" aria-hidden="true" tabindex="-1"></a>    path(<span class="st">&quot;&lt;int:pk&gt;/&quot;</span>, PostDetailView.as_view(), name<span class="op">=</span><span class="st">&quot;post_detail&quot;</span>),</span>
+      <span id="cb8-12"><a href="#cb8-12" aria-hidden="true" tabindex="-1"></a>]</span></code></pre></div>
+      <hr />
+      <h2>Шаблоны (Templates)</h2>
+      <p>Используют <strong>Django Template Language (DTL)</strong>.</p>
+      <h3>Синтаксис</h3>
+      <ul>
+      <li><strong>Переменные:</strong> <code>{{ var.attr }}</code>.</li>
+      <li><strong>Теги:</strong> <code>{% if %}</code>,
+      <code>{% for %}</code>, <code>{% url %}</code>,
+      <code>{% csrf_token %}</code>.</li>
+      <li><strong>Фильтры:</strong> <code>{{ date|date:"Y-m-d" }}</code>,
+      <code>{{ list|length }}</code>, <code>{{ text|lower }}</code>.</li>
+      </ul>
+      <p>Шаблон получает контекст из view. Например, если view передала
+      <code>{"posts": posts}</code>, в шаблоне доступна переменная
+      <code>posts</code>.</p>
+      <div class="sourceCode" id="cb9"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb9-1"><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a>{% for post in posts %}</span>
+      <span id="cb9-2"><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">article</span><span class="dt">&gt;</span></span>
+      <span id="cb9-3"><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">h2</span><span class="dt">&gt;</span></span>
+      <span id="cb9-4"><a href="#cb9-4" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;{% url &#39;blog:post_detail&#39; post.pk %}&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb9-5"><a href="#cb9-5" aria-hidden="true" tabindex="-1"></a>        {{ post.title|upper }}</span>
+      <span id="cb9-6"><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span></span>
+      <span id="cb9-7"><a href="#cb9-7" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">h2</span><span class="dt">&gt;</span></span>
+      <span id="cb9-8"><a href="#cb9-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb9-9"><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a>    {% if post.is_published %}</span>
+      <span id="cb9-10"><a href="#cb9-10" aria-hidden="true" tabindex="-1"></a>      <span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span>{{ post.created_at|date:&quot;Y-m-d&quot; }}<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
+      <span id="cb9-11"><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a>    {% endif %}</span>
+      <span id="cb9-12"><a href="#cb9-12" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">article</span><span class="dt">&gt;</span></span>
+      <span id="cb9-13"><a href="#cb9-13" aria-hidden="true" tabindex="-1"></a>{% empty %}</span>
+      <span id="cb9-14"><a href="#cb9-14" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">p</span><span class="dt">&gt;</span>Постов нет.<span class="dt">&lt;/</span><span class="kw">p</span><span class="dt">&gt;</span></span>
+      <span id="cb9-15"><a href="#cb9-15" aria-hidden="true" tabindex="-1"></a>{% endfor %}</span></code></pre></div>
+      <h3>Наследование шаблонов</h3>
+      <p>Позволяет избежать дублирования HTML-кода. - <strong>Базовый шаблон
+      (<code>base.html</code>):</strong> Определяет блоки
+      <code>{% block content %}{% endblock %}</code>. - <strong>Дочерний
+      шаблон:</strong> Использует <code>{% extends "base.html" %}</code> и
+      переопределяет блоки.</p>
+      <div class="sourceCode" id="cb10"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb10-1"><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="co">&lt;!-- templates/base.html --&gt;</span></span>
+      <span id="cb10-2"><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;!doctype</span> html<span class="dt">&gt;</span></span>
+      <span id="cb10-3"><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">html</span><span class="ot"> lang</span><span class="op">=</span><span class="st">&quot;ru&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb10-4"><a href="#cb10-4" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">head</span><span class="dt">&gt;</span></span>
+      <span id="cb10-5"><a href="#cb10-5" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">title</span><span class="dt">&gt;</span>{% block title %}Сайт{% endblock %}<span class="dt">&lt;/</span><span class="kw">title</span><span class="dt">&gt;</span></span>
+      <span id="cb10-6"><a href="#cb10-6" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">head</span><span class="dt">&gt;</span></span>
+      <span id="cb10-7"><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">body</span><span class="dt">&gt;</span></span>
+      <span id="cb10-8"><a href="#cb10-8" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">main</span><span class="dt">&gt;</span></span>
+      <span id="cb10-9"><a href="#cb10-9" aria-hidden="true" tabindex="-1"></a>      {% block content %}{% endblock %}</span>
+      <span id="cb10-10"><a href="#cb10-10" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">main</span><span class="dt">&gt;</span></span>
+      <span id="cb10-11"><a href="#cb10-11" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;/</span><span class="kw">body</span><span class="dt">&gt;</span></span>
+      <span id="cb10-12"><a href="#cb10-12" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">html</span><span class="dt">&gt;</span></span></code></pre></div>
+      <div class="sourceCode" id="cb11"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb11-1"><a href="#cb11-1" aria-hidden="true" tabindex="-1"></a><span class="co">&lt;!-- templates/blog/list.html --&gt;</span></span>
+      <span id="cb11-2"><a href="#cb11-2" aria-hidden="true" tabindex="-1"></a>{% extends &quot;base.html&quot; %}</span>
+      <span id="cb11-3"><a href="#cb11-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb11-4"><a href="#cb11-4" aria-hidden="true" tabindex="-1"></a>{% block title %}Посты{% endblock %}</span>
+      <span id="cb11-5"><a href="#cb11-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb11-6"><a href="#cb11-6" aria-hidden="true" tabindex="-1"></a>{% block content %}</span>
+      <span id="cb11-7"><a href="#cb11-7" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">h1</span><span class="dt">&gt;</span>Посты<span class="dt">&lt;/</span><span class="kw">h1</span><span class="dt">&gt;</span></span>
+      <span id="cb11-8"><a href="#cb11-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb11-9"><a href="#cb11-9" aria-hidden="true" tabindex="-1"></a>  {% for post in posts %}</span>
+      <span id="cb11-10"><a href="#cb11-10" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">a</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;{% url &#39;blog:post_detail&#39; post.pk %}&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb11-11"><a href="#cb11-11" aria-hidden="true" tabindex="-1"></a>      {{ post.title }}</span>
+      <span id="cb11-12"><a href="#cb11-12" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">a</span><span class="dt">&gt;</span></span>
+      <span id="cb11-13"><a href="#cb11-13" aria-hidden="true" tabindex="-1"></a>  {% endfor %}</span>
+      <span id="cb11-14"><a href="#cb11-14" aria-hidden="true" tabindex="-1"></a>{% endblock %}</span></code></pre></div>
+      <hr />
+      <h2>Статические файлы (Static)</h2>
+      <ul>
+      <li>Подключаются через <code>{% load static %}</code>.</li>
+      <li>Настройки в <code>settings.py</code>: <code>STATIC_URL</code>,
+      <code>STATICFILES_DIRS</code>.</li>
+      <li>В продакшне используется команда
+      <code>python manage.py collectstatic</code>.</li>
+      </ul>
+      <p>Статика — это CSS, JavaScript, изображения и другие файлы, которые не
+      генерируются view.</p>
+      <div class="sourceCode" id="cb12"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb12-1"><a href="#cb12-1" aria-hidden="true" tabindex="-1"></a><span class="co"># settings.py</span></span>
+      <span id="cb12-2"><a href="#cb12-2" aria-hidden="true" tabindex="-1"></a>STATIC_URL <span class="op">=</span> <span class="st">&quot;static/&quot;</span></span>
+      <span id="cb12-3"><a href="#cb12-3" aria-hidden="true" tabindex="-1"></a>STATICFILES_DIRS <span class="op">=</span> [BASE_DIR <span class="op">/</span> <span class="st">&quot;static&quot;</span>]</span></code></pre></div>
+      <div class="sourceCode" id="cb13"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb13-1"><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a>{% load static %}</span>
+      <span id="cb13-2"><a href="#cb13-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb13-3"><a href="#cb13-3" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">link</span><span class="ot"> rel</span><span class="op">=</span><span class="st">&quot;stylesheet&quot;</span><span class="ot"> href</span><span class="op">=</span><span class="st">&quot;{% static &#39;css/app.css&#39; %}&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb13-4"><a href="#cb13-4" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">script</span><span class="ot"> src</span><span class="op">=</span><span class="st">&quot;{% static &#39;js/app.js&#39; %}&quot;</span><span class="dt">&gt;&lt;/</span><span class="kw">script</span><span class="dt">&gt;</span></span></code></pre></div>
+      <div class="sourceCode" id="cb14"><pre
+      class="sourceCode bash"><code class="sourceCode bash"><span id="cb14-1"><a href="#cb14-1" aria-hidden="true" tabindex="-1"></a><span class="ex">python</span> manage.py collectstatic</span></code></pre></div>
+      </div>
+      <p class="back">Назад: <a href="#s-fbv">Django FBV</a> · <a href="#s-cbv-types">Django CBV</a> · <a href="#s-django-urls">Django URLs</a> · <a href="#s-django-templates">Django templates</a></p>
     </article>
 
-    <article class="note" id="d-django-models">
-      <h3>Django models</h3>
-      <p class="note-source">Vault: <a href="../Python/Модели и ORM.md">Django Модели и ORM</a></p>
-      <p>Модели описывают структуру таблиц и связи между ними. `CharField` требует `max_length`; `ForeignKey` задаёт `on_delete`; `ManyToManyField` создаёт промежуточную таблицу или использует указанную через `through`. Миграции переносят изменения моделей в БД.</p>
-      <div class="exam">В тесте: `null=True` относится к БД, `blank=True` — к формам/валидации Django.</div>
-      <p class="back"><a href="#block-django">Назад к краткому блоку Django</a></p>
+    <article class="note full-note" id="d-django-forms">
+      <h3>Django: Работа с формами и CUD</h3>
+      <p class="note-source">Полный текст исходной заметки.</p>
+      <div class="embedded-note" data-note-title="Работа с формами и CUD">
+      <h1>Django: Работа с формами и
+      CUD</h1>
+      <p><strong>CUD (Create, Update, Delete)</strong> — операции изменения
+      данных: создать, обновить, удалить.</p>
+      <p>Форма в Django — это слой между HTML-формой и Python-кодом. Она
+      принимает данные от пользователя, проверяет их, приводит к нормальным
+      типам и помогает сохранить результат.</p>
+      <h2>Типы форм</h2>
+      <ul>
+      <li><strong><code>forms.Form</code></strong> — обычная форма, не
+      привязанная к модели. Подходит для поиска, обратной связи, фильтров,
+      отправки email.</li>
+      <li><strong><code>forms.ModelForm</code></strong> — форма на основе
+      модели. Django сам создаёт поля формы по полям модели и умеет сохранять
+      объект через <code>form.save()</code>.</li>
+      </ul>
+      <p>Если данные не нужно сохранять в таблицу напрямую — чаще подходит
+      <code>forms.Form</code>. Если форма создаёт или редактирует модель —
+      проще использовать <code>forms.ModelForm</code>.</p>
+      <div class="sourceCode" id="cb1"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django <span class="im">import</span> forms</span>
+      <span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Blog</span>
+      <span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogForm(forms.ModelForm):</span>
+      <span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a>    <span class="kw">class</span> Meta:</span>
+      <span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a>        model <span class="op">=</span> Blog</span>
+      <span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>        fields <span class="op">=</span> [<span class="st">&quot;name&quot;</span>, <span class="st">&quot;tagline&quot;</span>]</span>
+      <span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a>        widgets <span class="op">=</span> {</span>
+      <span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a>            <span class="st">&quot;name&quot;</span>: forms.TextInput(attrs<span class="op">=</span>{<span class="st">&quot;class&quot;</span>: <span class="st">&quot;form-control&quot;</span>})</span>
+      <span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a>        }</span></code></pre></div>
+      <hr />
+      <h2>Жизненный цикл формы в
+      представлении</h2>
+      <p>Обычно view работает так: 1. При <code>GET</code> создаёт пустую
+      форму и показывает страницу. 2. При <code>POST</code> создаёт форму из
+      <code>request.POST</code>. 3. Проверяет данные через
+      <code>is_valid()</code>. 4. Если данные корректные — выполняет действие
+      и делает <code>redirect</code>. 5. Если есть ошибки — снова показывает
+      форму с ошибками.</p>
+      <div class="sourceCode" id="cb2"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb2-1"><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.shortcuts <span class="im">import</span> redirect, render</span>
+      <span id="cb2-2"><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-3"><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-4"><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> contact_view(request):</span>
+      <span id="cb2-5"><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a>    <span class="cf">if</span> request.method <span class="op">==</span> <span class="st">&quot;POST&quot;</span>:</span>
+      <span id="cb2-6"><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>        form <span class="op">=</span> ContactForm(request.POST)</span>
+      <span id="cb2-7"><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-8"><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>        <span class="cf">if</span> form.is_valid():</span>
+      <span id="cb2-9"><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a>            data <span class="op">=</span> form.cleaned_data</span>
+      <span id="cb2-10"><a href="#cb2-10" aria-hidden="true" tabindex="-1"></a>            send_email(data[<span class="st">&quot;email&quot;</span>], data[<span class="st">&quot;message&quot;</span>])</span>
+      <span id="cb2-11"><a href="#cb2-11" aria-hidden="true" tabindex="-1"></a>            <span class="cf">return</span> redirect(<span class="st">&quot;success&quot;</span>)</span>
+      <span id="cb2-12"><a href="#cb2-12" aria-hidden="true" tabindex="-1"></a>    <span class="cf">else</span>:</span>
+      <span id="cb2-13"><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a>        form <span class="op">=</span> ContactForm()</span>
+      <span id="cb2-14"><a href="#cb2-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb2-15"><a href="#cb2-15" aria-hidden="true" tabindex="-1"></a>    <span class="cf">return</span> render(request, <span class="st">&quot;contact.html&quot;</span>, {<span class="st">&quot;form&quot;</span>: form})</span></code></pre></div>
+      <hr />
+      <h2>Валидация и очистка данных</h2>
+      <ul>
+      <li><strong><code>is_valid()</code></strong> — запускает проверку формы.
+      После него появляются <code>form.cleaned_data</code> и
+      <code>form.errors</code>.</li>
+      <li><strong>Автоматическая очистка</strong> — Django превращает строки
+      из HTML-формы в Python-типы: число в <code>int</code>, дату в
+      <code>date</code>, email в строку после проверки формата.</li>
+      <li><strong><code>clean_&lt;fieldname&gt;()</code></strong> — проверка
+      одного конкретного поля.</li>
+      <li><strong><code>clean()</code></strong> — проверка всей формы, когда
+      нужно сравнить несколько полей между собой.</li>
+      </ul>
+      <div class="sourceCode" id="cb3"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb3-1"><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django <span class="im">import</span> forms</span>
+      <span id="cb3-2"><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-3"><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-4"><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> RegisterForm(forms.Form):</span>
+      <span id="cb3-5"><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a>    username <span class="op">=</span> forms.CharField(max_length<span class="op">=</span><span class="dv">50</span>)</span>
+      <span id="cb3-6"><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a>    password <span class="op">=</span> forms.CharField(widget<span class="op">=</span>forms.PasswordInput)</span>
+      <span id="cb3-7"><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a>    password_repeat <span class="op">=</span> forms.CharField(widget<span class="op">=</span>forms.PasswordInput)</span>
+      <span id="cb3-8"><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-9"><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> clean_username(<span class="va">self</span>):</span>
+      <span id="cb3-10"><a href="#cb3-10" aria-hidden="true" tabindex="-1"></a>        username <span class="op">=</span> <span class="va">self</span>.cleaned_data[<span class="st">&quot;username&quot;</span>]</span>
+      <span id="cb3-11"><a href="#cb3-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-12"><a href="#cb3-12" aria-hidden="true" tabindex="-1"></a>        <span class="cf">if</span> username.lower() <span class="op">==</span> <span class="st">&quot;admin&quot;</span>:</span>
+      <span id="cb3-13"><a href="#cb3-13" aria-hidden="true" tabindex="-1"></a>            <span class="cf">raise</span> forms.ValidationError(<span class="st">&quot;Это имя нельзя использовать&quot;</span>)</span>
+      <span id="cb3-14"><a href="#cb3-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-15"><a href="#cb3-15" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> username</span>
+      <span id="cb3-16"><a href="#cb3-16" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-17"><a href="#cb3-17" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> clean(<span class="va">self</span>):</span>
+      <span id="cb3-18"><a href="#cb3-18" aria-hidden="true" tabindex="-1"></a>        cleaned_data <span class="op">=</span> <span class="bu">super</span>().clean()</span>
+      <span id="cb3-19"><a href="#cb3-19" aria-hidden="true" tabindex="-1"></a>        password <span class="op">=</span> cleaned_data.get(<span class="st">&quot;password&quot;</span>)</span>
+      <span id="cb3-20"><a href="#cb3-20" aria-hidden="true" tabindex="-1"></a>        password_repeat <span class="op">=</span> cleaned_data.get(<span class="st">&quot;password_repeat&quot;</span>)</span>
+      <span id="cb3-21"><a href="#cb3-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-22"><a href="#cb3-22" aria-hidden="true" tabindex="-1"></a>        <span class="cf">if</span> password <span class="kw">and</span> password_repeat <span class="kw">and</span> password <span class="op">!=</span> password_repeat:</span>
+      <span id="cb3-23"><a href="#cb3-23" aria-hidden="true" tabindex="-1"></a>            <span class="cf">raise</span> forms.ValidationError(<span class="st">&quot;Пароли не совпадают&quot;</span>)</span>
+      <span id="cb3-24"><a href="#cb3-24" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb3-25"><a href="#cb3-25" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> cleaned_data</span></code></pre></div>
+      <hr />
+      <h2>Generic Editing Views (CBV
+      для CUD)</h2>
+      <p>Django предоставляет готовые классы для типовых страниц
+      редактирования: - <strong><code>CreateView</code></strong> — создать
+      объект. - <strong><code>UpdateView</code></strong> — изменить объект;
+      обычно ищет его по <code>pk</code> из URL. -
+      <strong><code>DeleteView</code></strong> — удалить объект; требует
+      подтверждения через <code>POST</code>.</p>
+      <p>Главная идея: вместо ручной обработки <code>GET</code>,
+      <code>POST</code>, <code>is_valid()</code> и <code>save()</code> можно
+      описать модель, форму, шаблон и URL после успеха.</p>
+      <div class="sourceCode" id="cb4"><pre
+      class="sourceCode python"><code class="sourceCode python"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.urls <span class="im">import</span> reverse_lazy</span>
+      <span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django.views.generic <span class="im">import</span> CreateView, DeleteView, UpdateView</span>
+      <span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-4"><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .forms <span class="im">import</span> BlogForm</span>
+      <span id="cb4-5"><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Blog</span>
+      <span id="cb4-6"><a href="#cb4-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-7"><a href="#cb4-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-8"><a href="#cb4-8" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogCreateView(CreateView):</span>
+      <span id="cb4-9"><a href="#cb4-9" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span id="cb4-10"><a href="#cb4-10" aria-hidden="true" tabindex="-1"></a>    form_class <span class="op">=</span> BlogForm</span>
+      <span id="cb4-11"><a href="#cb4-11" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/blog_form.html&quot;</span></span>
+      <span id="cb4-12"><a href="#cb4-12" aria-hidden="true" tabindex="-1"></a>    success_url <span class="op">=</span> reverse_lazy(<span class="st">&quot;blog_list&quot;</span>)</span>
+      <span id="cb4-13"><a href="#cb4-13" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-14"><a href="#cb4-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-15"><a href="#cb4-15" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogUpdateView(UpdateView):</span>
+      <span id="cb4-16"><a href="#cb4-16" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span id="cb4-17"><a href="#cb4-17" aria-hidden="true" tabindex="-1"></a>    form_class <span class="op">=</span> BlogForm</span>
+      <span id="cb4-18"><a href="#cb4-18" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/blog_form.html&quot;</span></span>
+      <span id="cb4-19"><a href="#cb4-19" aria-hidden="true" tabindex="-1"></a>    success_url <span class="op">=</span> reverse_lazy(<span class="st">&quot;blog_list&quot;</span>)</span>
+      <span id="cb4-20"><a href="#cb4-20" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-21"><a href="#cb4-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb4-22"><a href="#cb4-22" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogDeleteView(DeleteView):</span>
+      <span id="cb4-23"><a href="#cb4-23" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span id="cb4-24"><a href="#cb4-24" aria-hidden="true" tabindex="-1"></a>    template_name <span class="op">=</span> <span class="st">&quot;blog/blog_confirm_delete.html&quot;</span></span>
+      <span id="cb4-25"><a href="#cb4-25" aria-hidden="true" tabindex="-1"></a>    success_url <span class="op">=</span> reverse_lazy(<span class="st">&quot;blog_list&quot;</span>)</span></code></pre></div>
+      <h2>Отображение в шаблоне</h2>
+      <ul>
+      <li><code>{{ form.as_p }}</code> — быстро вывести поля формы в
+      <code>&lt;p&gt;</code>.</li>
+      <li><code>{{ form.as_table }}</code> — вывести поля как строки
+      таблицы.</li>
+      <li>Ручное управление нужно, когда важна HTML-разметка, CSS-классы или
+      отдельный вывод ошибок.</li>
+      </ul>
+      <div class="sourceCode" id="cb5"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">form</span><span class="ot"> method</span><span class="op">=</span><span class="st">&quot;post&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a>  {% csrf_token %}</span>
+      <span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a>  {{ form.as_p }}</span>
+      <span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">button</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;submit&quot;</span><span class="dt">&gt;</span>Сохранить<span class="dt">&lt;/</span><span class="kw">button</span><span class="dt">&gt;</span></span>
+      <span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">form</span><span class="dt">&gt;</span></span></code></pre></div>
+      <div class="sourceCode" id="cb6"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb6-1"><a href="#cb6-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">form</span><span class="ot"> method</span><span class="op">=</span><span class="st">&quot;post&quot;</span><span class="dt">&gt;</span></span>
+      <span id="cb6-2"><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a>  {% csrf_token %}</span>
+      <span id="cb6-3"><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-4"><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a>  {% for field in form %}</span>
+      <span id="cb6-5"><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;</span><span class="kw">div</span><span class="dt">&gt;</span></span>
+      <span id="cb6-6"><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a>      {{ field.label_tag }}</span>
+      <span id="cb6-7"><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a>      {{ field }}</span>
+      <span id="cb6-8"><a href="#cb6-8" aria-hidden="true" tabindex="-1"></a>      {{ field.errors }}</span>
+      <span id="cb6-9"><a href="#cb6-9" aria-hidden="true" tabindex="-1"></a>    <span class="dt">&lt;/</span><span class="kw">div</span><span class="dt">&gt;</span></span>
+      <span id="cb6-10"><a href="#cb6-10" aria-hidden="true" tabindex="-1"></a>  {% endfor %}</span>
+      <span id="cb6-11"><a href="#cb6-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span id="cb6-12"><a href="#cb6-12" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">button</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;submit&quot;</span><span class="dt">&gt;</span>Сохранить<span class="dt">&lt;/</span><span class="kw">button</span><span class="dt">&gt;</span></span>
+      <span id="cb6-13"><a href="#cb6-13" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;/</span><span class="kw">form</span><span class="dt">&gt;</span></span></code></pre></div>
+      <h3>CSRF-токен</h3>
+      <p><strong>CSRF (Cross-Site Request Forgery)</strong> — атака, при
+      которой чужой сайт пытается отправить запрос от имени уже
+      авторизованного пользователя.</p>
+      <p>Пример: пользователь залогинен в Django-приложении. Он открывает
+      вредную страницу, а она незаметно отправляет <code>POST</code>-запрос на
+      удаление объекта. Без защиты браузер приложит cookies пользователя, и
+      сервер может принять запрос как настоящий.</p>
+      <p><code>{% csrf_token %}</code> добавляет в форму скрытое поле с
+      защитным токеном:</p>
+      <div class="sourceCode" id="cb7"><pre
+      class="sourceCode html"><code class="sourceCode html"><span id="cb7-1"><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;</span><span class="kw">input</span><span class="ot"> type</span><span class="op">=</span><span class="st">&quot;hidden&quot;</span><span class="ot"> name</span><span class="op">=</span><span class="st">&quot;csrfmiddlewaretoken&quot;</span><span class="ot"> value</span><span class="op">=</span><span class="st">&quot;...&quot;</span><span class="dt">&gt;</span></span></code></pre></div>
+      <p>При <code>POST</code> Django сверяет токен из формы с токеном
+      пользователя. Если токена нет или он неправильный, запрос
+      отклоняется.</p>
+      <p>Короткое правило: во все HTML-формы с <code>method="post"</code>
+      добавлять <code>{% csrf_token %}</code>.</p>
+      </div>
+      <p class="back">Назад: <a href="#s-django-forms">Django forms</a></p>
     </article>
 
-    <article class="note" id="d-django-fbv">
-      <h3>Django FBV</h3>
-      <p class="note-source">Vault: <a href="../Python/Представления, шаблоны и CBV.md">Django: Представления, шаблоны и CBV</a></p>
-      <p>FBV — обычная функция-представление. Она принимает `request`, получает данные, вызывает `render` или возвращает другой `HttpResponse`. Маршрутизируется через `path()` прямой передачей функции.</p>
-      <div class="exam">В тесте: `render(request, template, context)` возвращает HTTP-ответ; `get_object_or_404` возвращает объект или 404.</div>
-      <p class="back"><a href="#block-django">Назад к краткому блоку Django</a></p>
-    </article>
-
-    <article class="note" id="d-django-cbv">
-      <h3>Django CBV</h3>
-      <p class="note-source">Vault: <a href="../Python/Представления, шаблоны и CBV.md">Django: Представления, шаблоны и CBV</a></p>
-      <p>CBV — классовые представления с готовой логикой. `TemplateView` показывает шаблон, `ListView` выводит список, `DetailView` выводит один объект. В URL подключаются через `.as_view()`.</p>
-      <div class="exam">В тесте: `ListView` по умолчанию даёт `object_list`, `DetailView` — `object`; шаблоны по умолчанию `model_list.html` и `model_detail.html`.</div>
-      <p class="back"><a href="#block-django">Назад к краткому блоку Django</a></p>
-    </article>
-
-    <article class="note" id="d-django-urls">
-      <h3>Django URLs</h3>
-      <p class="note-source">Vault: <a href="../Python/Представления, шаблоны и CBV.md">Django: Представления, шаблоны и CBV</a></p>
-      <p>`urlpatterns` связывает URL с представлениями. `path()` использует route, view, kwargs и name. Конвертеры вроде `int`, `slug`, `uuid`, `path` извлекают параметры. `reverse()` и `{% url %}` строят URL по имени маршрута.</p>
-      <div class="exam">В тесте: не хардкодить URL, если есть именованный маршрут и `reverse`/`url`.</div>
-      <p class="back"><a href="#s-django-urls">Назад к краткой теме</a></p>
-    </article>
-
-    <article class="note" id="d-django-templates">
-      <h3>Язык шаблонов Django</h3>
-      <p class="note-source">Vault: <a href="../Python/Представления, шаблоны и CBV.md">Django: Представления, шаблоны и CBV</a></p>
-      <p>DTL использует переменные `{{ value }}`, теги `{% tag %}` и фильтры `{{ value|filter }}`. Наследование строится через `{% extends %}` и `{% block %}`. Статика подключается через `{% load static %}` и `{% static 'path' %}`.</p>
-      <div class="exam">В тесте: функции Python с произвольными аргументами напрямую из шаблона вызывать нельзя; используют теги, фильтры или подготовку данных во view.</div>
-      <p class="back"><a href="#s-django-templates">Назад к краткой теме</a></p>
-    </article>
-
-    <article class="note" id="d-django-queries">
-      <h3>Django queries</h3>
-      <p class="note-source">Vault: <a href="../Python/Модели и ORM.md">Django Модели и ORM</a></p>
-      <p>QuerySet ленив: запрос выполняется при фактическом обращении к данным. Методы можно цепочечно комбинировать. `get()` возвращает один объект или ошибку, `filter()` возвращает QuerySet, `aggregate()` возвращает итоговый словарь, `annotate()` добавляет вычисляемые поля к объектам.</p>
-      <div class="exam">В тесте: `select_related` — для ForeignKey/OneToOne через JOIN; `prefetch_related` — для ManyToMany и обратных связей отдельными запросами.</div>
-      <p class="back"><a href="#s-django-queries">Назад к краткой теме</a></p>
-    </article>
-
-    <article class="note" id="d-django-forms">
-      <h3>Django forms</h3>
-      <p class="note-source">Vault: <a href="../Python/Работа с формами и CUD.md">Django: Работа с формами и CUD</a></p>
-      <p>`forms.Form` описывает форму вручную, `forms.ModelForm` строится по модели через `Meta`. `is_valid()` запускает валидацию, `cleaned_data` содержит очищенные данные, `clean_<field>()` валидирует поле, `clean()` — форму целиком. `widget` управляет HTML-представлением поля.</p>
-      <div class="exam">В тесте: `form.save()` есть у ModelForm; серверная валидация обязательна, HTML `required` не защита.</div>
-      <p class="back"><a href="#s-django-forms">Назад к краткой теме</a></p>
-    </article>
   </section>
 
   <p class="back"><a href="#top">Наверх</a></p>