Семантика в HTML `1. 2. !‘alt
Код выше не валиден. Теги ul и ol используются для формирования списков. Внутри себя, они могут содержать теги - и только их.
Не валидный код html может привести к следующему:
1. Проблема работы компилятора. Билдер, который собирает html может выдать ошибку и не собрать сборку
2. Некорректное SEO. Неправильное использование например тегов h1-h6 могут ухудшить показатели seo на сайте.
3. Ухудшить читаемость. Некоторые фронтендеры грешат использованием двух популярных тегов span и div. Постоянное их использование, тоже можно считать семантической ошибкой
Некоторые могут разделять валидность и семантику на разные термины, однако мне кажется это стоит объединить в одну группу проблем, так как неверно написанный html может в привести к проблемам выше.