Форум Сайтостроение Веб-строительство

Валидация html

12
Weblady
На сайте с 26.07.2011
Offline
145
Weblady
843

Добрый день!

Валидатор показывает ошибку:

Error: The element header must not appear as a descendant of the header element.

Код блока:

<div class="item col-lg-4 col-md-4 col-xs-12" data-filter-by="6,8">
<article class="below-image  post-35 post type-post status-publish format-standard has-post-thumbnail hentry category-culture category-special tag-builder tag-clean tag-drag-and-drop tag-layouts tag-multi-purpose tag-oxform tag-touchsize tag-wordpress-theme has-lazy-placeholder" itemscope>
<header>
<div class="image-holder">
<img class="lazy" src="assets/images/proekt/lovecards-01.jpg" width="450" height="350" alt="Cards" /><div class="stripes"></div>                    <a href="#" class="post-link"></a>
<div class="overlay-effect none">
<a href="#" class="overlay-link darken"></a>
</div>
<ul class="entry-categories"><li class="term-6"> <a href="#">Видео</a></li><li class="term-8"> <a href="#">Аудио</a></li></ul>                  </div>
</header>
<section>
<a href="#"><h4 class="entry-title" itemprop="name headline">Cards</h4></a>
</section>
</article>
</div>

Понятно, что ругается на элемент header. Но к тегам привязаны соответствующие стили, если исключить header, изображения разъезжаются. 

Подскажите, пожалуйста, как корректно исправить.

Mik Foxi
На сайте с 02.03.2011
Offline
1109
Mik Foxi
#1
так а вы его валидируете где и как? 
<header>

это же валидный html5 вроде?

Универсальный антибот, антиспам, веб файрвол, защита от накрутки поведенческих № 1 в рунете: https://antibot.cloud/
Weblady
На сайте с 26.07.2011
Offline
145
Weblady
#2
Mik Foxi #:
так а вы его валидируете где и как? 

это же валидный html5 вроде?

Вот здесь проверяю, загружаю файл https://validator.w3.org/#validate_by_upload

The W3C Markup Validation Service
  • validator.w3.org
Validate by URI Validate by File Upload Note : file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. Validate by direct input
W1
На сайте с 22.01.2021
Offline
305
webinfo
#3
webledi :
как корректно исправить

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

Мой форум - https://webinfo.guru –Там я всегда на связи
Weblady
На сайте с 26.07.2011
Offline
145
Weblady
#4
Действительно, если загрузить только этот код, ошибку не показывает. А внутри вертски показывается такая ошибка. С чем может быть связано? Указывает именно на такие блоки.
Виктор Петров
На сайте с 05.01.2020
Offline
240
Виктор Петров
#5
webledi #:
С чем может быть связано?

Гадание на кофейной гуще. Нету конкретики в данных на входе - какой может быть ответ?

https://t.me/seomagus
богоносец
На сайте с 30.01.2007
Offline
761
богоносец
#6
webledi :
к тегам привязаны соответствующие стили

Переделайте стили | забейте на валидатор | а доктайп какой? 

И не надо пользоваться странными тегами.

Weblady
На сайте с 26.07.2011
Offline
145
Weblady
#7
богоносец #:

Переделайте стили | забейте на валидатор | а доктайп какой? 

И не надо пользоваться странными тегами.

<!DOCTYPE html>
<html lang="en">
<head>

Это готовая тема Wordpress с themeforest. Вот демо темы https://demo3.touchsize.com/diginex/ Такая же ошибка валидации есть:

Error: The element header must not appear as a descendant of the header element.

Подскажите, пожалуйста, как правильно переделать этот блок.

W1
На сайте с 22.01.2021
Offline
305
webinfo
#8
webledi #:
Подскажите, пожалуйста, как правильно переделать этот блок.

Написано же, как:

Error: The element header must not appear as a descendant of the header element.

Что конкретно непонятно в этом тексте?

Weblady
На сайте с 26.07.2011
Offline
145
Weblady
#9
Как изменить данный блок, чтобы верстка была валидной?
W1
На сайте с 22.01.2021
Offline
305
webinfo
#10
webledi #:
Как изменить данный блок, чтобы верстка была валидной?

Во-первых, не блок, а вёрстку страницы. 
Во-вторых, всё написано в тексте ошибки. Если не понимаете по-английски, перевожу на русский язык: элемент header не должен быть потомком элемента header . Если и так не понятно, то это означает, что нужно устранить вложенность элементов header друг в друга. Если непонятно, как именно это сделать, то это означает, что нужно переверстать страницу, заменив вложенные теги header на другие теги, чтобы этой вложенности не было.

Если не понятно, что такое эта самая вложенность, то это выглядит так:

<header>
    ...
    <header>
       ...
    </header>
    ...
</header>
Google обновил рекомендации по Яндекс.Почта: Вложения в письмах О склеивании слов в
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий