{"draftJsState":{"blocks":[{"data":{"image":{"id":"694baada25ab2e7fe18258c3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"12gon"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83E\uDDD2 Представь: ты сделал крутую поделку на уроке труда","type":"header-three","key":"6lgog"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":68,"offset":102,"style":"ITALIC"}],"text":"Допустим, это — кораблик из спичек. Ты пришёл в класс, поставил его на стол, и тут учитель говорит:\n— «А где инструкция? Кто это сделал? Из чего? Сколько времени заняло?»","type":"unstyled","key":"d7cc0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":32,"style":"ITALIC"}],"text":"А ты только руками разводишь:\n— «Ну… вот он!»","type":"unstyled","key":"6pfbo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":15,"style":"BOLD"}],"text":"Тут-то и нужна карточка-подпись под поделкой:","type":"unstyled","key":"a3efk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":83,"offset":0,"style":"ITALIC"}],"text":"«Кораблик. Сделал Иван Петров (5 «Б»). Материал: спички, клей, лак. Время: 3 часа.»","type":"blockquote","key":"8jpje"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":31,"style":"BOLD"}],"text":"Без неё — просто вещь. С ней — понятный, самодостаточный элемент выставки.","type":"unstyled","key":"1a2hq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":"Вот это и есть

в HTML.","type":"unstyled","key":"7lod"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCE6 Что такое
?","type":"header-three","key":"e71t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":100,"offset":0,"style":"BOLD"},{"length":15,"offset":63,"style":"ITALIC"}],"text":"
— это «подставка» или «рамка» для чего-то важного, но необязательного для основного текста.","type":"unstyled","key":"2a8g7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✅ Подходит:","type":"unstyled","key":"8vvsn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"фото,","type":"unordered-list-item","key":"1ua5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"диаграмма,","type":"unordered-list-item","key":"2d8h7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"цитата,","type":"unordered-list-item","key":"7liis"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"кусок кода,","type":"unordered-list-item","key":"f9bdo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"даже видео или аудио.","type":"unordered-list-item","key":"daopo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":2,"offset":2,"style":"ITALIC"}],"text":"❌ Не подходит:","type":"unstyled","key":"283td"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"логотип сайта (это часть интерфейса),","type":"unordered-list-item","key":"1he0m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"кнопка «Купите сейчас!» (это функционал),","type":"unordered-list-item","key":"e4je5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"фоновое изображение (оно «декор», а не контент).","type":"unordered-list-item","key":"evvas"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD39 Аналогия:","type":"unstyled","key":"d05lk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":15,"style":"BOLD"},{"length":5,"offset":145,"style":"ITALIC"}],"text":"
— как отдельная витрина в музее.\nВнутри — экспонат. Рядом — табличка с описанием.\nЕсли убрать витрину — рассказ в зале не сломается. Но с ней — понятнее и интереснее.","type":"blockquote","key":"a5svi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCDD А что внутри?
— это табличка","type":"header-three","key":"dq0kb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":0,"style":"BOLD"},{"length":6,"offset":22,"style":"ITALIC"},{"length":42,"offset":70,"style":"ITALIC"}],"text":"
— всегда внутри
, и только один раз.\nОн говорит: «Вот что это, зачем оно тут, и откупа оно».","type":"unstyled","key":"ejev8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD39 Аналогия:","type":"unstyled","key":"4ks9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":4,"style":"BOLD"},{"length":40,"offset":98,"style":"ITALIC"},{"length":11,"offset":146,"style":"ITALIC"}],"text":"Как бирка на шнурке у школьной куртки в раздевалке.\nБез бирки — все куртки одинаковые. С биркой — «Куртка Саши, 5 «Б», синяя, с капюшоном».\nБирка принадлежит куртке — она не висит где-то в углу класса.","type":"blockquote","key":"9g7de"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDCA1 Когда НЕ нужно
?","type":"header-three","key":"5e9pp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":22,"style":"ITALIC"}],"text":"Если картинка — часть повествования, а не «отдельный экспонат».","type":"unstyled","key":"qbna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример 1:","type":"unstyled","key":"15dcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"ITALIC"},{"length":11,"offset":53,"style":"ITALIC"},{"length":22,"offset":18,"style":"BOLD"},{"length":18,"offset":110,"style":"BOLD"}],"text":"«Я открыл дверь — и увидел огромного пса»\n→ Фото пса прямо здесь — без
, просто . Потому что оно вплетено в рассказ, как слово в предложении.","type":"blockquote","key":"5bev6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пример 2:","type":"unstyled","key":"1o344"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"ITALIC"},{"length":29,"offset":198,"style":"BOLD"}],"text":"«На уроке мы изучили схему работы сердца»\n↓\n
\n \n
Рис. 3. Цикл кровообращения. Источник: Биология, 5 класс
\n
\n→ Здесь схема — отдельный объект для изучения, как плакат на стене. Можно посмотреть, отвернуться — и продолжить читать.","type":"blockquote","key":"e9apb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD39 Правило на пальцах:","type":"unstyled","key":"ea8jc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":20,"style":"ITALIC"},{"length":11,"offset":68,"style":"ITALIC"},{"length":7,"offset":28,"style":"BOLD"}],"text":"Если можно сказать: «Смотри вот это» — берёшь
.\nЕсли просто «…и вот он» — достаточно .","type":"blockquote","key":"9nnpv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83D\uDEE0 Как писать — быстро и правильно","type":"header-three","key":"d0iap"},{"data":{"image":{"id":"6947ed3d1fa1c969c2da0e97"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c9fcc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✅ Обязательно:","type":"unstyled","key":"3ghfk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":15,"style":"BOLD"}],"text":"
— только внутри
,","type":"unordered-list-item","key":"1k6sk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":31,"style":"ITALIC"}],"text":"
может быть вверху или внизу (но чаще — внизу),","type":"unordered-list-item","key":"27mkl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"alt у — всё равно нужен (для слабовидящих и если картинка не загрузилась).","type":"unordered-list-item","key":"2o3aq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDFAF Зачем это вообще нужно?","type":"header-three","key":"58nki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Для людей — сразу ясно: что это и зачем.","type":"ordered-list-item","key":"bscij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"},{"length":45,"offset":49,"style":"ITALIC"}],"text":"Для поисковиков (Яндекс, Google) — они понимают: «Ага, это не просто фотка, а важный элемент!» → выше ранжирование.","type":"ordered-list-item","key":"71t0b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Для слабовидящих — скринридеры зачитывают
как описание, и всё логично складывается.","type":"ordered-list-item","key":"5ibgn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":2,"style":"BOLD"}],"text":"\uD83D\uDD39 Аналогия:","type":"unstyled","key":"e2c35"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":4,"style":"BOLD"}],"text":"Как подписи в комиксе. Без них — просто люди молчат и машут руками. С ними — целая история!","type":"blockquote","key":"45qo5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"✅ Вывод за 10 секунд","type":"header-three","key":"1bv1h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":51,"style":"BOLD"},{"length":30,"offset":112,"style":"BOLD"},{"length":78,"offset":152,"style":"BOLD"}],"text":"Используй
+
, когда:\n\uD83D\uDD39 У тебя отдельный контентный элемент (картинка, схема, цитата),\n\uD83D\uDD39 Он имеет самостоятельное значение,\n\uD83D\uDD39 И ему нужна пояснительная подпись — как на выставке, в музее или на школьной ярмарке.","type":"blockquote","key":"2cjf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А если сомневаешься — спроси себя:","type":"unstyled","key":"1svcr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":69,"offset":0,"style":"ITALIC"},{"length":2,"offset":75,"style":"BOLD"}],"text":"«Можно ли это повесить на доску объявлений и чтобы всё было понятно?»\nЕсли да — вперёд, в
!","type":"blockquote","key":"brsib"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":79,"style":"ITALIC"},{"length":5,"offset":88,"style":"ITALIC"},{"length":17,"offset":96,"style":"ITALIC"}],"text":"\uD83D\uDCCC Сохрани эту статью — и в следующий раз, когда будешь верстать, вспомнишь про витрину, бирку и поделку из спичек.\nПотому что хороший код — как хорошая выставка: всё на месте, всё подписано, всё понятно.","type":"unstyled","key":"ek0t2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7c3r0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"3Odk1ppnSuLjwTSZ6j47"}],"entityMap":{}},"mentions":[]}