Валидация html

12
богоносец
На сайте с 30.01.2007
Offline
774
#11
webledi #:
Как изменить данный блок, чтобы верстка была валидной?

Ошибка не в этом блоке, вы где-то выше не закрыли 

</header>
Weblady
На сайте с 26.07.2011
Offline
157
#12
webinfo #:

Во-первых, не блок, а вёрстку страницы. 

Спасибо за помощь, не увидела, что все подобные блоки завернуты еще в один header.

Помогите, пожалуйста, еще с этим  предупреждением:

Warning: Article lacks heading. Consider using h2-h6 elements to add identifying headings to all articles.

Понятно, что нужно использовать теги h2-h6, есть тег h4 в <section>

А в <header> только изображение. Как правильно добавить h4, не добавляя текст?

<div class="item col-lg-3 col-md-3 col-xs-12" data-filter-by="38">
<article class="over-image show-always post-800 video type-video status-publish has-post-thumbnail hentry tag-custom-post tag-themes tag-touchsize tag-video-post tag-wordpress videos_categories-shows has-lazy-placeholder" itemscope>
<header>
<div class="image-holder">
<img class="lazy" src="assets/images/42/2016/11/placeholder-450x350.jpg" data-original="https://demo3.touchsize.com/diginex/wp-content/uploads/sites/42/2016/10/DSC233245-450x350.jpg" width="450" height="350" alt="Showing it out again" /><div class="stripes"></div>                    <a href="video/showing-it-out-again/index.html" class="post-link"></a>
<a href="video/showing-it-out-again/index.html" class="post-format-icon"><span class="icon-video"></span></a><ul class="entry-categories"><li class="term-38"> <a href="video-category/shows/index.html">Shows</a> </li></ul>                   </div>
</header>
<section>
<a href="video/showing-it-out-again/index.html"><h4 class="entry-title" itemprop="name headline">Showing it out again</h4></a><ul class="entry-meta"><li class="entry-meta-author">
<a href="author/admin/index.html" itemprop="author" itemscope>
<img alt='' src='https://secure.gravatar.com/avatar/07a586c70971fe7d764893201afa4af4?s=74&amp;amp;d=mm&amp;r=g' srcset='https://secure.gravatar.com/avatar/07a586c70971fe7d764893201afa4af4?s=148&amp;#038;d=mm&#038;r=g 2x' class='avatar avatar-74 photo' height='74' width='74' loading='lazy'/>
<span class="author-name" itemprop="name">Stefan Ciorici</span>
</a></li><li class="entry-meta-date"><i class="icon-time"></i><time datetime="2016-10-19T07:53:11+00:00">October 19, 2016</time></li><li class="entry-meta-views"><i class="icon-views"></i>816 views</li></ul>
</section>
</article>
</div>
W1
На сайте с 22.01.2021
Offline
306
#13
webledi #:

Понятно, что нужно использовать теги h2-h6, есть тег h4 в <section>

А в <header> только изображение. Как правильно добавить h4, не добавляя текст?

Согласно спецификации HTML5, header не является разделообразующим элементом. Поэтому не требует заголовков.

Ваше предупреждение относится к элементам  article, которые являются разделообразующими, как и элементы section . Как туда добавить текст, не добавляя текст, – этого я подсказать не могу. В любом случае, предупреждение не является ошибкой.

Мой форум - https://webinfo.guru –Там я всегда на связи
Weblady
На сайте с 26.07.2011
Offline
157
#14
webinfo #:

Согласно спецификации HTML5, header не является разделообразующим элементом. Поэтому не требует заголовков.

Ваше предупреждение относится к элементам  article, которые являются разделообразующими, как и элементы section . Как туда добавить текст, не добавляя текст, – этого я подсказать не могу. В любом случае, предупреждение не является ошибкой.

Спасибо,  а вот между <article> есть  тег <h4>. Что же не нравится валидатору?

W1
На сайте с 22.01.2021
Offline
306
#15
webledi #:

Спасибо,  а вот между <article> есть  тег <h4>. Что же не нравится валидатору?

Этот заголовок относится к вложенному в article элементу section. А сам раздел  article не имеет заголовка, об этом и предупреждает валидатор.

Weblady
На сайте с 26.07.2011
Offline
157
#16
webinfo #:

Этот заголовок относится к вложенному в article элементу section. А сам раздел  article не имеет заголовка, об этом и предупреждает валидатор.

Благодарю за помощь!

12

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