Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?

Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?

Спасибо. Крутой пример и крутой инструмент

Кинуть букмарклет который подсвечивает на странице штмл5 теги?

Зачем подсвечивать теги?
От подсвветки тегов никакого проку нет.  

Важен инструемнт который бы строил и показывал связи секций.
ГДе какой текст, в какюу секцию попал, как относится к оссновнй секции и так далее.

Професионал это найдет конечо и по коду. Но ему и подсветка ненужна. А для человека без опыта, подсветка вроде как ничем и не поможет

Структуру документа в HTML5 удобно в инструменте https://www.sitegardien.com/html5viewer/semantichtml5viewer.php смотреть. Кстати у backlinko размечен сайт (на WP)  в HTML5 н/п https://backlinko.com/content-marketing-tips @demimurych как тебе его верстка?

https://prnt.sc/relank так вроде так и выглядит

Обрати внимаие ктстаи на тот пример.
Там случай когда текст статьи без рабиения на секции и только с заголовками.

И сделано как раз так что все ляжет как надо

Ну да ,если бы он после последнего h2 "Bonus #2: Create Stats Pages" вернулся к обсуждению например "15. Optimize Around Brand Keywords", то весь бы этот контент относился всё равно к последней секции. Проще говоря если человек выстроил стройную структуру статьи, то просто использование Н2 уже достаточно.

Ну так это тоже самое что в том синтурменте.
Просто подсветка секционных желементов.

Ну в прицнипе типа как инстремнт для ытсрого экспресс налаиза. Чтоыб на главзок прикинуть. Может быть

мне ним проще конкурентов смотреть

Кинуть букмарклет который подсвечивает на странице штмл5 теги?

Друг мой.
Я обязательно учту, в следущий раз, твои пожелания.  И постораюсь быть предельно конретным. Только вот беда.
Для того чтобы сказать чтото еще более конретно чем то что я сказал, мне придется написать в 10 раз больше.

Семантика это не про словарный перевод. Это про понимание сути языка.
В семантике нет такого что: Если это навигация занчит ставь тег nav.
В семантике есть цели, которых добавиеюстя разметкой. И бьяснить разметку правильно или неправильно можно только зная цели.
Ну за исключением конечно явных грубых просчетов.

И там где то внтури тех странц которые ты отказался воспринимать, был разобранный пример верстки двух обьектов с свойствами и комментариями. Предельно конретней уже некуда.

Я просто делаю сайты только на WP и поэтому на ходу соображаю как проще реализовать секционную вёрстку внутри поста. Если там тупо внутри писать теги <section> то их может "съесть" сам WP при обновлении поста. Да есть уже блочная вёрстка гутенберга, но по-моему она больше для оформления а не семантики. Поэтому открытый вопрос ,как это верстать на WP с наименьшими усилиями. В голову пока приходят шорткоды... Либо что-то кастомное пилить

Цели целями, но большинство случаев типовые. О них и стоит и можно говорить на примерах.