From 8e2644aa7f618ae3883d411522ac0b78be19c04c Mon Sep 17 00:00:00 2001
From: Dmitry <ada.dmitry@gmail.com>
Date: Thu, 4 Jun 2026 22:53:32 +0300
Subject: [PATCH] Auto | arch-x1: 2026-06-04 22:53:32

---
 .obsidian/workspace.json                      |   30 +-
 ...одготовка к экзамену по веб-разработке.html | 1004 +++++++++--------
 ...�одготовка к экзамену по веб-разработке.pdf |    0
 .../Экзамен - Веб-ориентированные системы.md  |    0
 .../Web/Основы, селекторы и блочная модель.md |   17 +-
 5 files changed, 531 insertions(+), 520 deletions(-)
 rename {90 Library/Programming/Web => .trash}/Подготовка к экзамену по веб-разработке.html (63%)
 rename {90 Library/Programming/Web => .trash}/Подготовка к экзамену по веб-разработке.pdf (100%)
 rename {90 Library/Programming/Web => .trash}/Экзамен - Веб-ориентированные системы.md (100%)

diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json
index e8be60e..d2add8e 100644
--- a/.obsidian/workspace.json
+++ b/.obsidian/workspace.json
@@ -26,12 +26,15 @@
             "id": "3e242b36cec6a5ec",
             "type": "leaf",
             "state": {
-              "type": "pdf",
+              "type": "markdown",
               "state": {
-                "file": "90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.pdf"
+                "file": "90 Library/Programming/Web/Основы, селекторы и блочная модель.md",
+                "mode": "preview",
+                "source": false,
+                "backlinks": false
               },
-              "icon": "lucide-file-text",
-              "title": "Подготовка к экзамену по веб-разработке"
+              "icon": "lucide-file",
+              "title": "Основы, селекторы и блочная модель"
             }
           }
         ],
@@ -156,7 +159,7 @@
                   "profileSourceId": "7004edff-76db-412f-95d3-5fd8e180d055",
                   "serial": {
                     "columns": 48,
-                    "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[2mWorking\u001b[1C(12m 02s • 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[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• \u001b[0mПричина уже видна: в \u001b[36m90 Library\u001b[0m нет ни одного\r\n  локального изображения, а подробные заметки\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[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Починю именно изображения: перенаправлю все\r\n  \u001b[36msrc\u001b[0m на реальные файлы в \u001b[36m99 System/Cache\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'<img[^>]+src='\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  └ 15 matches in 1F:\r\n\r\n    … +22 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mNetworking/3_NAT_image.png\" /></p>\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/Cache/\r\n\u001b[39;2m  │ \u001b[38;2;166;227;161;22mIPv6_image.png\"\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;22mCache/5_IPv6_image.png\"\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m\"99 System/\r\n\u001b[39;2m  │ … +13 lines\r\n  └ 99 System/Cache/11_IPv6_image.png  5.9K\r\n\u001b[0m    \u001b[2m99 System/Cache/12_IPv6_image.png  10.4K\r\n    … +12 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m99 System/Cache/NAT_image.png  13.5K\r\n\u001b[0m    \u001b[2m99 System/Cache/TCP vs UDP_2.png  9.5K\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mВсе нужные картинки есть в \u001b[36m99 System/Cache\u001b[0m;\r\n  сломаны были только относительные пути после\r\n  встраивания заметок. Меняю \u001b[36msrc\u001b[0m на реальные\r\n  относительные пути от HTML.\r\n    \u001b[2mmissing 0\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'<img[^>]+src='\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  └ 15 matches in 1F:\r\n\r\n    … +22 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mCache/3_NAT_image.png\" /></p>\r\n\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         разработке.html\\\"); s=p.read_text();\r\n         ids=set(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s));\r\n         hrefs=re.findall(r\\\"href=\\\\\\\"#([\"'^'\"\\\\\r\n         \\\"]+)\\\\\\\"\\\", s);\r\n         print(\\\"missing_anchors\\\",\r\n         sorted(set(hrefs)-ids));\r\n         print(\\\"duplicate_ids\\\",\r\n         len(re.findall(r\\\"id=\\\\\\\"([\"'^'\"\\\\\r\n         \\\"]+)\\\\\r\n         \\\"\\\", s))-len(ids))\"\r\n\r\n\u001b[2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mКартинки уже указывают на реальные файлы.\r\n  Остался технический мусор: \u001b[36mpandoc\u001b[0m оставил\r\n  внутренние повторяющиеся \u001b[36mid\u001b[0m из встроенных\r\n  заметок; уберу их, сохранив только якоря\r\n  коротких карточек и основных подробных блоков.\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;22mimport re, collections\r\n\u001b[39;2m  │ … +8 lines\r\n  └ 4 cb1\r\n\u001b[0m    \u001b[2m4 cb1-1\r\n    … +126 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m2 cb2-12\r\n\u001b[0m    \u001b[2m2 cb2-13\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/\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  └ 590 matches in 132F:\r\n\r\n    … +424 lines (ctrl + t to view transcript)\r\n\r\n\u001b[0m    \u001b[2m... +434\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mДубли \u001b[36mid\u001b[0m оказались у подсветки кода (\u001b[36mcb1\u001b[0m, \u001b[36mcb2\r\n\u001b[0m  и т.п.), это не наши навигационные якоря.\r\n  Убираю только эти служебные \u001b[36mid\u001b[0m и добавляю CSS,\r\n  чтобы картинки не вылезали за страницу в HTML/\r\n  PDF.\r\n\r\n\u001b[32;1m•\u001b[0m \u001b[1mRan\u001b[0m \u001b[38;2;137;180;250mperl\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172m0pi\u001b[38;2;147;153;178m -\u001b[38;2;235;160;172me\u001b[38;2;205;214;244m \u001b[38;2;166;227;161m's/ id=\"cb[^\"]+\"//g'\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  │ \u001b[38;2;166;227;161;22mэкзамену по веб-разработке.html\"\r\n\u001b[39;2m  └ (no output)\r\n\r\n• \u001b[1;22mEdited\u001b[0m 90 Library/Programming/Web/Подготовка к\r\nэкзамену по веб-разработке.html (\u001b[32m+8\u001b[0m \u001b[31m-0\u001b[0m)\r\n    \u001b[2m 91\r\n\u001b[48;5;22;22m    \u001b[2m 92 \u001b[32;22m+\u001b[38;2;205;214;244m    img {\u001b[30X\r\n\u001b[39m    \u001b[2m 93 \u001b[32;22m+\u001b[38;2;205;214;244m      display: block;\r\n\u001b[39m    \u001b[2m 94 \u001b[32;22m+\u001b[38;2;205;214;244m      max-width: 100%;\r\n\u001b[39m    \u001b[2m 95 \u001b[32;22m+\u001b[38;2;205;214;244m      height: auto;\r\n\u001b[39m    \u001b[2m 96 \u001b[32;22m+\u001b[38;2;205;214;244m      margin: 10px auto 14px;\r\n\u001b[39m    \u001b[2m 97 \u001b[32;22m+\u001b[38;2;205;214;244m      page-break-inside: avoid;\r\n\u001b[39m    \u001b[2m 98 \u001b[32;22m+\u001b[38;2;205;214;244m    }\r\n\u001b[39m    \u001b[2m 99 \u001b[32;22m+\r\n\u001b[0m    \u001b[2m100 \u001b[0m \u001b[38;2;205;214;244m    .meta {\u001b[28X\r\n\r\n\u001b[39;2m────────────────────────────────────────────────\r\n\r\n• \u001b[0mТеперь проверяю: нет битых картинок, нет\r\n  ссылок на \u001b[36m.md\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  │ … +27 lines\r\n  └ images 15 missing_images 0\r\n\u001b[0m    \u001b[2mmissing_anchors ['cb1-1', 'cb1-10',\r\n    … +53 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2m'cb9-7', 'cb9-8', 'cb9-9']\r\n\u001b[0m    \u001b[2mduplicate_ids 0\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;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:'\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  └ 0 matches for 'href=\"[^\"]+\\.md|\\.md\">|\r\n\u001b[0m    \u001b[2mVault:'\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'<img[^>]+src='\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  └ 15 matches in 1F:\r\n\r\n    … +22 lines (ctrl + t to view transcript)\r\n\u001b[0m    \u001b[2mCache/3_NAT_image.png\" /></p>\r\n\r\n\r\n────────────────────────────────────────────────\r\n\r\n• \u001b[0mКартинки уже валидны, но после удаления\r\n  служебных \u001b[36mid\u001b[0m остались служебные ссылки\r\n  подсветки кода на \u001b[36m#cb...\u001b[0m. Они не относятся к\r\n  оглавлению; убираю их, чтобы проверка якорей\r\n  была чистой.\r\n\r\n\u001b[31m■ Conversation interrupted - tell the model what\r\nto do differently. Something went wrong? Hit `/\r\nfeedback` to report the issue.\r\n\u001b[0mToken usage: total=324 789 input=272 952 (+ 6 291 456 cached) output=51 837 (reasoning 11 493)\r\nTo continue this session, run \u001b[36mcodex resume 019e9134-c801-7193-bd43-df25eb59688b\r\n\r\n\u001b[38;5;244m╭─\u001b[30m \u001b[0m \u001b[38;5;31m \u001b[38;5;39;1m~\u001b[38;5;31;22m/\u001b[38;5;103mDoc\u001b[38;5;31m/\u001b[38;5;103mV\u001b[38;5;31m/\u001b[38;5;39;1mSecondBrain\u001b[38;5;31;22m \u001b[0mon \u001b[38;5;76m\u001b[38;5;178m \u001b[38;5;76m main \u001b[38;5;178m!2\r\n\u001b[38;5;244m╰─\u001b[38;5;76m❯\u001b[0m ",
                     "rows": 34,
                     "scrollLine": -1
                   }
@@ -164,7 +167,7 @@
               },
               "pinned": true,
               "icon": "terminal",
-              "title": "Terminal: ⠙ SecondBrain"
+              "title": "Terminal: ZSH"
             }
           },
           {
@@ -245,7 +248,8 @@
       }
     ],
     "direction": "horizontal",
-    "width": 482
+    "width": 482,
+    "collapsed": true
   },
   "left-ribbon": {
     "hiddenItems": {
@@ -267,20 +271,22 @@
       "3d-graph-new:Global 3D Graph": false
     }
   },
-  "active": "06940eb960fc1db5",
+  "active": "3e242b36cec6a5ec",
   "lastOpenFiles": [
+    "90 Library/Programming/Web/Основы веб-разработки.md",
+    "90 Library/Programming/Web/Основы Bootstrap.md",
+    "90 Library/Programming/Web/Экзамен - Веб-ориентированные системы.md",
     "90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.pdf",
+    "90 Library/Programming/Web/XXnoTYCY",
+    "90 Library/Programming/Web/XXUPzo1Z",
     "90 Library/Programming/Programming - MOC.md",
     "99 System/Archive/00_базовые_понятия.pdf",
     "99 System/Archive/Подготовка к экзамену по Веб-Разработке.md",
     "90 Library/Networking/Веб-аутентификация и авторизация.md",
     "90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html",
     "90 Library/Programming/Web/Адаптивность, Flexbox и Grid.md",
-    "90 Library/Programming/Web/Основы веб-разработки.md",
-    "90 Library/Programming/Web/Основы Bootstrap.md",
     "90 Library/Programming/Web/Основы HTML (структура, таблицы, формы).md",
     "90 Library/Programming/Web/Основы, селекторы и блочная модель.md",
-    "90 Library/Programming/Web/Экзамен - Веб-ориентированные системы.md",
     "90 Library/Networking/OAuth 2.0.md",
     "90 Library/Networking/Подсети и маска подсети.md",
     "90 Library/Networking/Сетевые порты.md",
@@ -302,8 +308,6 @@
     "04 Tools/StudyTracker/Books",
     "04 Tools/SocialBase/04 Другие",
     "04 Tools/SocialBase/03 Коллеги",
-    "04 Tools/SocialBase/02 Друзья",
-    "04 Tools/SocialBase/01 Семья",
     "99 System/Cache/Pasted image 20260526204029.png",
     "99 System/Cache/Pasted image 20260526203848.png",
     "99 System/Cache/Pasted image 20260526203807.png",
diff --git a/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html b/.trash/Подготовка к экзамену по веб-разработке.html
similarity index 63%
rename from 90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html
rename to .trash/Подготовка к экзамену по веб-разработке.html
index 852193e..fa8ae5c 100644
--- a/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.html	
+++ b/.trash/Подготовка к экзамену по веб-разработке.html	
@@ -89,6 +89,14 @@
     ul { margin: 8px 0 12px 20px; padding: 0; }
     li { margin: 4px 0; }
 
+    img {
+      display: block;
+      max-width: 100%;
+      height: auto;
+      margin: 10px auto 14px;
+      page-break-inside: avoid;
+    }
+
     .meta {
       color: var(--muted);
       max-width: 760px;
@@ -551,7 +559,7 @@
       <li><strong>ARP</strong> был заменен на <em>NDP</em> (Neighborhood
       Discovery Protocol).</li>
       </ul>
-      <p><img src="../../Networking/Протоколы/IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/IPv6_image.png" /></p>
       <p>Вместо того чтобы уже добавлять все поля в заголовок, заголовок IPv6
       использует “следующий заголовок”, который ссылается на необязательные
       заголовки. Поскольку заголовок намного проще, маршрутизаторам придется
@@ -579,7 +587,7 @@
       <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><img src="../../../99 System/Cache/5_IPv6_image.png" /></p>
       <p>Таблица перевода шестнадцатиричных чисел в двоичные</p>
       <p>Существуют некоторые правила, позволяющие упростить работу с
       адресами:</p>
@@ -623,7 +631,7 @@
       заправшивает блок IPv6. Они получают свой пул адресов, которые могут
       распределять между провайдерами. !</li>
       </ul>
-      <p><img src="../../Networking/Протоколы/4_IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/4_IPv6_image.png" /></p>
       <blockquote>
       <p>Некоторые префиксы <strong>FD</strong>: Unique Local
       <strong>FF</strong>: Multicast <strong>FE80</strong>: Link-Local</p>
@@ -636,11 +644,11 @@
       <code>/64</code> для подсетей. Не имеет смысла брать меньшие подсети.
       Когда мы используем IPv4, мы вынуждены, для подсетей, дробить хостовую
       часть!</p>
-      <p><img src="../../Networking/Протоколы/12_IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/12_IPv6_image.png" /></p>
       <p>Тогда, у нас, в целом, будет меньше хостов на подсеть.</p>
-      <p><img src="../../Networking/Протоколы/3_IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/3_IPv6_image.png" /></p>
       <p> В IPv6 такой проблемы нет:</p>
-      <p><img src="../../Networking/Протоколы/11_IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/11_IPv6_image.png" /></p>
       <p>Префикс Global Routing был назначен провайдером. Последние 64 бита
       называются <strong>идентификатором интерфейса</strong>, это эквивалетно
       части хоста в IPv4.</p>
@@ -650,7 +658,7 @@
       <strong>18 квинтиллионов</strong> хостов.</p>
       <p>Если клиент получил префикс <code>2001: 828: 105:: / 48</code>, то он
       может создать такие подсети: </p>
-      <p><img src="../../Networking/Протоколы/2_IPv6_image.png" /></p>
+      <p><img src="../../../99 System/Cache/2_IPv6_image.png" /></p>
       <pre class="text"><code>- 2001:828:105:0000::/64;
       - 2001:828:105:0001::/64;
       - 2001:828:105:0002::/64;
@@ -701,10 +709,10 @@
       для сквозной доставки данных, включая вопросы маршрутизации. Независимо
       от того, в каких условиях находятся ПК для передачи, TCP работает
       одинаково на своем уровне. </p>
-      <p><img src="../../Networking/Протоколы/1_TCP%20vs%20UDP_image.png" /></p>
+      <p><img src="../../../99 System/Cache/1_TCP%20vs%20UDP_image.png" /></p>
       <p>Функционал TCP</p>
       <figure>
-      <img src="../../Networking/Протоколы/TCP%20vs%20UDP_2.png"
+      <img src="../../../99 System/Cache/TCP%20vs%20UDP_2.png"
       alt="Отправка данных с трех приложений Анной Грише" />
       <figcaption aria-hidden="true">Отправка данных с трех приложений Анной
       Грише</figcaption>
@@ -716,7 +724,7 @@
       получающей стороны. Может теряться часть данных, или их порядок. В
       случае с видео, звонками, мы можем позволить себе потерю данных.</li>
       </ul>
-      <p><img src="../../Networking/Протоколы/2_TCP%20vs%20UDP_image.png" /></p>
+      <p><img src="../../../99 System/Cache/2_TCP%20vs%20UDP_image.png" /></p>
       </div>
       <p class="back">Назад: <a href="#s-tcp">TCP</a></p>
     </article>
@@ -847,7 +855,7 @@
       данных между сетями, а только для подключения собственных устройств к
       внешнему миру, часто по маршруту по умолчанию.</p>
       </blockquote>
-      <p><img src="../../Networking/4_NAT_image.png" /></p>
+      <p><img src="../../../99 System/Cache/4_NAT_image.png" /></p>
       <p>В терминах NAT внутренней сетью является набор сетей, подлежащий
       переводу. Внешняя сеть относится ко всем остальным сетям.</p>
       <p>NAT включает 4 типа адресов:</p>
@@ -870,7 +878,7 @@
       <li><strong>Глобальный адрес (Global address)</strong> - это любой
       адрес, который отображается во внешней части сети</li>
       </ul>
-      <p><img src="../../Networking/2_NAT_image.png" /></p>
+      <p><img src="../../../99 System/Cache/2_NAT_image.png" /></p>
       <h2>Типы NAT</h2>
       <ol type="1">
       <li>Статическая адресная трансляция (Static NAT) - сопоставление один к
@@ -890,7 +898,7 @@
       должны иметь согласованный адрес, доступный в интернете. Статический NAT
       требует достаточное количество общедоступных адресов для обеспечения
       всех устройств.</p>
-      <p><img src="../../Networking/NAT_image.png" /></p>
+      <p><img src="../../../99 System/Cache/NAT_image.png" /></p>
       <p>Таблица статического NAT</p>
       <h3>Dynamic NAT</h3>
       <p>Динамический, обратно статическому, автоматически назначает и
@@ -898,7 +906,7 @@
       пришел, то и занял”. Аналогично статике, требует достаточного количества
       адресов для удовлетворения общего количества одновременного
       использования всеми устройствами.</p>
-      <p><img src="../../Networking/1_NAT_image.png" /></p>
+      <p><img src="../../../99 System/Cache/1_NAT_image.png" /></p>
       <p>Таблица динамического NAT</p>
       <h3>Port Address Translation
       (PAT)</h3>
@@ -917,7 +925,7 @@
       возвращается с сервера, номер порта источника, который становится
       номером порта назначения в обратном пути, определяет, какое устройство
       маршрутизатор перенаправляет пакеты.</p>
-      <p><img src="../../Networking/3_NAT_image.png" /></p>
+      <p><img src="../../../99 System/Cache/3_NAT_image.png" /></p>
       <p>Таблица PAT</p>
       <p><strong>А что относительно пакетов IPv4, содержащих данные, отличные
       от TCP или UDP?</strong><br />
@@ -1479,18 +1487,18 @@
       структурирования и отображения веб-страниц.</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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;!DOCTYPE</span> html<span class="dt">&gt;</span></span>
+      <span><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><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><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><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><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><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><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><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a>    <span class="co">&lt;!-- Контент страницы --&gt;</span></span>
+      <span><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><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> — метаданные (не отображаются в
@@ -1500,19 +1508,19 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><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> — текстовое описание
@@ -1530,11 +1538,11 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><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><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>
@@ -1556,32 +1564,32 @@
       подсказки, связанные ссылки.</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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><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><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><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><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><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><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><a href="#cb6-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><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><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><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><a href="#cb6-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><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><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><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><a href="#cb6-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><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><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>
@@ -1616,28 +1624,28 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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><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>
@@ -1646,13 +1654,13 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><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><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a>    </span>
+      <span><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><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> — универсальное поле ввода. Поведение
@@ -1674,40 +1682,40 @@
       одинаковым <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a>  Согласен с условиями</span>
+      <span><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><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb9-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb9-17" aria-hidden="true" tabindex="-1"></a>    Email</span>
+      <span><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><a href="#cb9-19" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb9-22" aria-hidden="true" tabindex="-1"></a>    Телефон</span>
+      <span><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><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><a href="#cb9-25" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><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><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><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><a href="#cb9-31" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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>
@@ -1724,27 +1732,27 @@
       <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 class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><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><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a>  <span class="dt">&lt;</span><span class="kw">input</span></span>
+      <span><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><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><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><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a><span class="ot">    required</span></span>
+      <span><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><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><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><a href="#cb10-11" aria-hidden="true" tabindex="-1"></a><span class="ot">  </span><span class="dt">&gt;</span></span>
+      <span><a href="#cb10-12" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb10-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb10-18" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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>
@@ -1861,10 +1869,10 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode css"><code class="sourceCode css"><span><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><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a>    <span class="co">/* Стили для планшетов и телефонов */</span></span>
+      <span><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>
@@ -1913,14 +1921,14 @@
       </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>
+      <div class="sourceCode"><pre
+      class="sourceCode css"><code class="sourceCode css"><span><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="fu">.container</span> {</span>
+      <span><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a>    <span class="kw">grid-template-areas</span><span class="ch">:</span> </span>
+      <span><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;header header&quot;</span></span>
+      <span><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;sidebar content&quot;</span></span>
+      <span><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a>        <span class="st">&quot;footer footer&quot;</span><span class="op">;</span></span>
+      <span><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>}</span>
+      <span><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>
@@ -1958,17 +1966,17 @@
       └── 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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Person(models.Model):</span>
+      <span><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><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><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><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a>    </span>
+      <span><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>    <span class="kw">class</span> Meta:</span>
+      <span><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a>        verbose_name <span class="op">=</span> <span class="st">&quot;Человек&quot;</span></span>
+      <span><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> — автоинкрементный числовой первичный
@@ -1989,18 +1997,18 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Article(models.Model):</span>
+      <span><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><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><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a>    body <span class="op">=</span> models.TextField()</span>
+      <span><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><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><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><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><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a>    author_email <span class="op">=</span> models.EmailField()</span>
+      <span><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><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> — связь “один ко
@@ -2022,20 +2030,20 @@
       по умолчанию; требует <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Author(models.Model):</span>
+      <span><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><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Profile(models.Model):</span>
+      <span><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><a href="#cb4-7" aria-hidden="true" tabindex="-1"></a>    bio <span class="op">=</span> models.TextField()</span>
+      <span><a href="#cb4-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-10" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> Book(models.Model):</span>
+      <span><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><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><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>Инструмент для синхронизации моделей с БД. -
@@ -2063,20 +2071,20 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="co"># Create</span></span>
+      <span><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><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a><span class="co"># Read</span></span>
+      <span><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a>people <span class="op">=</span> Person.objects.<span class="bu">all</span>()</span>
+      <span><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><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><a href="#cb5-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb5-9" aria-hidden="true" tabindex="-1"></a><span class="co"># Update</span></span>
+      <span><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><a href="#cb5-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb5-12" aria-hidden="true" tabindex="-1"></a><span class="co"># Delete</span></span>
+      <span><a href="#cb5-13" aria-hidden="true" tabindex="-1"></a>person.delete()</span></code></pre></div>
       <h3>Поиск по полям (Field
       Lookups)</h3>
       <ul>
@@ -2087,14 +2095,14 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><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><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><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><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><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><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> — заранее подтягивает связанную
@@ -2109,18 +2117,18 @@
       запрос за списком объектов, а потом ещё по одному запросу на каждый
       объект в цикле.</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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb7-1" aria-hidden="true" tabindex="-1"></a><span class="co"># select_related: книга + её автор загружаются одним SQL-запросом</span></span>
+      <span><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><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> book <span class="kw">in</span> books:</span>
+      <span><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"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="co"># prefetch_related: авторы загружаются отдельно, затем Django связывает их с книгами</span></span>
+      <span><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><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb8-4" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> book <span class="kw">in</span> books:</span>
+      <span><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> — считает одно итоговое
@@ -2129,18 +2137,18 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb9-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb9-3" aria-hidden="true" tabindex="-1"></a><span class="co"># aggregate: одно итоговое значение по всей таблице книг</span></span>
+      <span><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><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><a href="#cb9-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb9-7" aria-hidden="true" tabindex="-1"></a><span class="co"># annotate: вычисляемое поле для каждого автора</span></span>
+      <span><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><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb9-10" aria-hidden="true" tabindex="-1"></a><span class="cf">for</span> author <span class="kw">in</span> authors:</span>
+      <span><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> нужны для сложных условий в
@@ -2150,16 +2158,16 @@
       <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 class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb10-3" aria-hidden="true" tabindex="-1"></a><span class="co"># Q: рейтинг выше 4 или название содержит Django</span></span>
+      <span><a href="#cb10-4" aria-hidden="true" tabindex="-1"></a>books <span class="op">=</span> Book.objects.<span class="bu">filter</span>(</span>
+      <span><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><a href="#cb10-6" aria-hidden="true" tabindex="-1"></a>)</span>
+      <span><a href="#cb10-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb10-8" aria-hidden="true" tabindex="-1"></a><span class="co"># F: увеличить счётчик просмотров прямо в БД</span></span>
+      <span><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>
@@ -2193,40 +2201,40 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="co"># project/urls.py</span></span>
+      <span><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><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span><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><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a>]</span></code></pre></div>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb2-1" aria-hidden="true" tabindex="-1"></a><span class="co"># blog/urls.py</span></span>
+      <span><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><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> . <span class="im">import</span> views</span>
+      <span><a href="#cb2-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span><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><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><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><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><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a>]</span></code></pre></div>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> post_detail(request, pk):</span>
+      <span><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a>    <span class="co"># pk уже int</span></span>
+      <span><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a>    ...</span>
+      <span><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-6" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> posts_by_tag(request, slug):</span>
+      <span><a href="#cb3-7" aria-hidden="true" tabindex="-1"></a>    <span class="co"># slug — строка из URL</span></span>
+      <span><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a>    ...</span></code></pre></div>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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> и возвращают
@@ -2237,20 +2245,20 @@
       (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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> index(request):</span>
+      <span><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><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"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Post</span>
+      <span><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb6-5" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> post_detail(request, pk):</span>
+      <span><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><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>
@@ -2266,43 +2274,43 @@
       класса: например, <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb7-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Post</span>
+      <span><a href="#cb7-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-6" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> AboutView(TemplateView):</span>
+      <span><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><a href="#cb7-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-9" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-10" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> PostListView(ListView):</span>
+      <span><a href="#cb7-11" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Post</span>
+      <span><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><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><a href="#cb7-14" aria-hidden="true" tabindex="-1"></a>    paginate_by <span class="op">=</span> <span class="dv">10</span></span>
+      <span><a href="#cb7-15" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-16" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> get_queryset(<span class="va">self</span>):</span>
+      <span><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><a href="#cb7-18" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-19" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb7-20" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> PostDetailView(DetailView):</span>
+      <span><a href="#cb7-21" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Post</span>
+      <span><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><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"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb8-1" aria-hidden="true" tabindex="-1"></a><span class="co"># blog/urls.py</span></span>
+      <span><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><a href="#cb8-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><a href="#cb8-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><a href="#cb8-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb8-8" aria-hidden="true" tabindex="-1"></a>urlpatterns <span class="op">=</span> [</span>
+      <span><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><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><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><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>
@@ -2318,56 +2326,56 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><a href="#cb9-1" aria-hidden="true" tabindex="-1"></a>{% for post in posts %}</span>
+      <span><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><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><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><a href="#cb9-5" aria-hidden="true" tabindex="-1"></a>        {{ post.title|upper }}</span>
+      <span><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><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><a href="#cb9-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb9-9" aria-hidden="true" tabindex="-1"></a>    {% if post.is_published %}</span>
+      <span><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><a href="#cb9-11" aria-hidden="true" tabindex="-1"></a>    {% endif %}</span>
+      <span><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><a href="#cb9-13" aria-hidden="true" tabindex="-1"></a>{% empty %}</span>
+      <span><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><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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><a href="#cb10-1" aria-hidden="true" tabindex="-1"></a><span class="co">&lt;!-- templates/base.html --&gt;</span></span>
+      <span><a href="#cb10-2" aria-hidden="true" tabindex="-1"></a><span class="dt">&lt;!doctype</span> html<span class="dt">&gt;</span></span>
+      <span><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><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><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><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><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><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><a href="#cb10-9" aria-hidden="true" tabindex="-1"></a>      {% block content %}{% endblock %}</span>
+      <span><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><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><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"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><a href="#cb11-1" aria-hidden="true" tabindex="-1"></a><span class="co">&lt;!-- templates/blog/list.html --&gt;</span></span>
+      <span><a href="#cb11-2" aria-hidden="true" tabindex="-1"></a>{% extends &quot;base.html&quot; %}</span>
+      <span><a href="#cb11-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb11-4" aria-hidden="true" tabindex="-1"></a>{% block title %}Посты{% endblock %}</span>
+      <span><a href="#cb11-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb11-6" aria-hidden="true" tabindex="-1"></a>{% block content %}</span>
+      <span><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><a href="#cb11-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb11-9" aria-hidden="true" tabindex="-1"></a>  {% for post in posts %}</span>
+      <span><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><a href="#cb11-11" aria-hidden="true" tabindex="-1"></a>      {{ post.title }}</span>
+      <span><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><a href="#cb11-13" aria-hidden="true" tabindex="-1"></a>  {% endfor %}</span>
+      <span><a href="#cb11-14" aria-hidden="true" tabindex="-1"></a>{% endblock %}</span></code></pre></div>
       <hr />
       <h2>Статические файлы (Static)</h2>
       <ul>
@@ -2379,17 +2387,17 @@
       </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 class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb12-1" aria-hidden="true" tabindex="-1"></a><span class="co"># settings.py</span></span>
+      <span><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><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"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><a href="#cb13-1" aria-hidden="true" tabindex="-1"></a>{% load static %}</span>
+      <span><a href="#cb13-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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"><pre
+      class="sourceCode bash"><code class="sourceCode bash"><span><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>
@@ -2417,19 +2425,19 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django <span class="im">import</span> forms</span>
+      <span><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Blog</span>
+      <span><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogForm(forms.ModelForm):</span>
+      <span><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a>    <span class="kw">class</span> Meta:</span>
+      <span><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a>        model <span class="op">=</span> Blog</span>
+      <span><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><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a>        widgets <span class="op">=</span> {</span>
+      <span><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><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a>        }</span></code></pre></div>
       <hr />
       <h2>Жизненный цикл формы в
       представлении</h2>
@@ -2439,22 +2447,22 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><a href="#cb2-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-4" aria-hidden="true" tabindex="-1"></a><span class="kw">def</span> contact_view(request):</span>
+      <span><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><a href="#cb2-6" aria-hidden="true" tabindex="-1"></a>        form <span class="op">=</span> ContactForm(request.POST)</span>
+      <span><a href="#cb2-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb2-8" aria-hidden="true" tabindex="-1"></a>        <span class="cf">if</span> form.is_valid():</span>
+      <span><a href="#cb2-9" aria-hidden="true" tabindex="-1"></a>            data <span class="op">=</span> form.cleaned_data</span>
+      <span><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><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><a href="#cb2-12" aria-hidden="true" tabindex="-1"></a>    <span class="cf">else</span>:</span>
+      <span><a href="#cb2-13" aria-hidden="true" tabindex="-1"></a>        form <span class="op">=</span> ContactForm()</span>
+      <span><a href="#cb2-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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>
@@ -2469,32 +2477,32 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><a href="#cb3-1" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> django <span class="im">import</span> forms</span>
+      <span><a href="#cb3-2" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-4" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> RegisterForm(forms.Form):</span>
+      <span><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><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><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><a href="#cb3-8" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-9" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> clean_username(<span class="va">self</span>):</span>
+      <span><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><a href="#cb3-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb3-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-15" aria-hidden="true" tabindex="-1"></a>        <span class="cf">return</span> username</span>
+      <span><a href="#cb3-16" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb3-17" aria-hidden="true" tabindex="-1"></a>    <span class="kw">def</span> clean(<span class="va">self</span>):</span>
+      <span><a href="#cb3-18" aria-hidden="true" tabindex="-1"></a>        cleaned_data <span class="op">=</span> <span class="bu">super</span>().clean()</span>
+      <span><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><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><a href="#cb3-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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><a href="#cb3-24" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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>
@@ -2507,32 +2515,32 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode python"><code class="sourceCode python"><span><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><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><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .forms <span class="im">import</span> BlogForm</span>
+      <span><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a><span class="im">from</span> .models <span class="im">import</span> Blog</span>
+      <span><a href="#cb4-6" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-7" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-8" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogCreateView(CreateView):</span>
+      <span><a href="#cb4-9" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span><a href="#cb4-10" aria-hidden="true" tabindex="-1"></a>    form_class <span class="op">=</span> BlogForm</span>
+      <span><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><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><a href="#cb4-13" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-14" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-15" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogUpdateView(UpdateView):</span>
+      <span><a href="#cb4-16" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span><a href="#cb4-17" aria-hidden="true" tabindex="-1"></a>    form_class <span class="op">=</span> BlogForm</span>
+      <span><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><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><a href="#cb4-20" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-21" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb4-22" aria-hidden="true" tabindex="-1"></a><span class="kw">class</span> BlogDeleteView(DeleteView):</span>
+      <span><a href="#cb4-23" aria-hidden="true" tabindex="-1"></a>    model <span class="op">=</span> Blog</span>
+      <span><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><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> — быстро вывести поля формы в
@@ -2542,26 +2550,26 @@
       <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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a>  {% csrf_token %}</span>
+      <span><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a>  {{ form.as_p }}</span>
+      <span><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><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"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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><a href="#cb6-2" aria-hidden="true" tabindex="-1"></a>  {% csrf_token %}</span>
+      <span><a href="#cb6-3" aria-hidden="true" tabindex="-1"></a></span>
+      <span><a href="#cb6-4" aria-hidden="true" tabindex="-1"></a>  {% for field in form %}</span>
+      <span><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><a href="#cb6-6" aria-hidden="true" tabindex="-1"></a>      {{ field.label_tag }}</span>
+      <span><a href="#cb6-7" aria-hidden="true" tabindex="-1"></a>      {{ field }}</span>
+      <span><a href="#cb6-8" aria-hidden="true" tabindex="-1"></a>      {{ field.errors }}</span>
+      <span><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><a href="#cb6-10" aria-hidden="true" tabindex="-1"></a>  {% endfor %}</span>
+      <span><a href="#cb6-11" aria-hidden="true" tabindex="-1"></a></span>
+      <span><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><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> — атака, при
       которой чужой сайт пытается отправить запрос от имени уже
@@ -2572,8 +2580,8 @@
       сервер может принять запрос как настоящий.</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>
+      <div class="sourceCode"><pre
+      class="sourceCode html"><code class="sourceCode html"><span><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>
diff --git a/90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.pdf b/.trash/Подготовка к экзамену по веб-разработке.pdf
similarity index 100%
rename from 90 Library/Programming/Web/Подготовка к экзамену по веб-разработке.pdf
rename to .trash/Подготовка к экзамену по веб-разработке.pdf
diff --git a/90 Library/Programming/Web/Экзамен - Веб-ориентированные системы.md b/.trash/Экзамен - Веб-ориентированные системы.md
similarity index 100%
rename from 90 Library/Programming/Web/Экзамен - Веб-ориентированные системы.md
rename to .trash/Экзамен - Веб-ориентированные системы.md
diff --git a/90 Library/Programming/Web/Основы, селекторы и блочная модель.md b/90 Library/Programming/Web/Основы, селекторы и блочная модель.md
index 7745be3..6e92612 100644
--- a/90 Library/Programming/Web/Основы, селекторы и блочная модель.md	
+++ b/90 Library/Programming/Web/Основы, селекторы и блочная модель.md	
@@ -2,19 +2,18 @@
 status: seed
 type: concept
 tags:
-- css
-- web-development
-- selectors
-- box-model
+  - css
+  - web-development
+  - selectors
+  - box-model
 created: 2026-05-30
 updated: 2026-05-31
 source:
-- '[[11-css-основы_селекторы.pdf]]'
-- '[[12-css-базовые_свойства.pdf]]'
-- '[[12-css-блочная_модель.pdf]]'
-- '[[12-css-фон.pdf]]'
+  - "[[12-css-базовые_свойства.pdf]]"
+  - "[[12-css-блочная_модель.pdf]]"
+  - "[[12-css-фон.pdf]]"
 aliases:
-- 'CSS: Основы и селекторы'
+  - "CSS: Основы и селекторы"
 ---
 # CSS: Основы и селекторы