Семантика в HTML `1. 2. !‘alt

Код выше не валиден. Теги ul и ol используются для формирования списков. Внутри себя, они могут содержать теги - и только их.

Не валидный код html может привести к следующему:

1. Проблема работы компилятора. Билдер, который собирает html может выдать ошибку и не собрать сборку

2. Некорректное SEO. Неправильное использование например тегов h1-h6 могут ухудшить показатели seo на сайте.

3. Ухудшить читаемость. Некоторые фронтендеры грешат использованием двух популярных тегов span и div. Постоянное их использование, тоже можно считать семантической ошибкой

Некоторые могут разделять валидность и семантику на разные термины, однако мне кажется это стоит объединить в одну группу проблем, так как неверно написанный html может в привести к проблемам выше.

Валидатор html`