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

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

"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":" и большинство других."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Они создают "},{"type":"text","marks":[{"type":"bold"}],"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":"🔹 2. "},{"type":"text","marks":[{"type":"bold"}],"text":"Непарные (void) теги"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Это теги, которые "},{"type":"text","marks":[{"type":"bold"}],"text":"не содержат контента"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"bold"}],"text":"не требуют закрытия"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Они выполняют действие сами по себе — вставляют изображение, разрыв строки, линию и т.д."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"📘 Пример:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":" $\"Фото\"$ \n
\n
\n"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🟢 "},{"type":"text","marks":[{"type":"bold"}],"text":"Непарные (void) теги"},{"type":"text","text":":"},{"type":"hardBreak"},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":"."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"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":"🔹 3. "},{"type":"text","marks":[{"type":"bold"}],"text":"Как браузер их обрабатывает"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Для "},{"type":"text","marks":[{"type":"bold"}],"text":"парных тегов"},{"type":"text","text":" браузер создаёт "},{"type":"text","marks":[{"type":"italic"}],"text":"контейнер с содержимым"},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Для "},{"type":"text","marks":[{"type":"bold"}],"text":"непарных тегов"},{"type":"text","text":" — просто выполняет действие (вставляет изображение, делает перенос строки и т.п.)."}]}]}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Если закрыть void-тег вручную ("},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" или "},{"type":"text","marks":[{"type":"code"}],"text":"
"},{"type":"text","text":"), это считается "},{"type":"text","marks":[{"type":"bold"}],"text":"ошибкой в HTML5"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"💡 Итого:"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Тип тега"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Особенности"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Пример"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Парный"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Имеет открывающий и закрывающий тег, содержит контент"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"
Текст
"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Непарный (void)"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Не имеет содержимого, не требует закрытия"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":""}]}]}]}]},{"type":"horizontalRule"},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Простыми словами:"},{"type":"hardBreak"},{"type":"text","text":"Парные теги — это “коробки с содержимым”,"},{"type":"hardBreak"},{"type":"text","text":"а непарные — “самодостаточные команды”, которые вставляют что-то готовое на страницу."}]}]}

Что такое парные и непарные (void) теги?

Комментарии