{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"«Осмысленная структура документа»"},{"type":"text","text":" — это когда HTML-страница построена не как куча случайных "},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","text":", а как "},{"type":"text","marks":[{"type":"bold"}],"text":"логично организованный текст с иерархией, смыслом и последовательностью"},{"type":"text","text":", которую понимают и человек, и машина."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"Из чего она состоит:"}]},{"type":"orderedList","attrs":{"start":1,"type":null},"content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Один "},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","marks":[{"type":"bold"}],"text":" — главная тема страницы"},{"type":"hardBreak"},{"type":"text","text":"Он отражает суть: «О чём эта страница вообще?»"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Подзаголовки "},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","marks":[{"type":"bold"}],"text":"–"},{"type":"text","marks":[{"type":"code"}],"text":"

"},{"type":"text","marks":[{"type":"bold"}],"text":" — структура внутри"},{"type":"hardBreak"},{"type":"text","text":"Бьют текст на логические разделы и подразделы. Как оглавление в книге."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Семантические теги ("},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","marks":[{"type":"bold"}],"text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","marks":[{"type":"bold"}],"text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","marks":[{"type":"bold"}],"text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","marks":[{"type":"bold"}],"text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","marks":[{"type":"bold"}],"text":")"},{"type":"hardBreak"},{"type":"text","text":"Обозначают смысл, а не просто «визуальный контейнер»."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Чёткий порядок: шапка → меню → основной контент → подвал"},{"type":"hardBreak"},{"type":"text","text":"Ни склеек, ни каши. Читается сверху вниз как история, а не ребус."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Ожидаемое поведение элементов"},{"type":"hardBreak"},{"type":"text","text":"Кнопка — это "},{"type":"text","marks":[{"type":"code"}],"text":"

Что такое «осмысленная структура документа»?

Комментарии