Код от партнера Gnezgo и валидная верстка

Код от партнера Gnezgo и валидная верстка

Недавно стал партнером обменника Gnezdo.Ru по одному из своих сайтов женской тематики. Gnezdo.Ru – это обменная тизирная сеть, которая сотрудничает с такими мастодонтами как woman.ru, passion.ru и другими, если Вам эти сайты о чем-то говорят. :)

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

Полученный код от этого обменник представляет из себя простой iframe, который вставляет содержимое тизирок с сайта gnezdo.ru. Вся прелесть использования заключается в том, что этот код не проходит валидацию.

<iframe width="270" height="520" scrolling="no" frameborder="0" src="https://news.gnezdo.ru/show/4444/block.html"></iframe>

Все негодования валидатора указывают на неправильность использования двух параметров scrolling и frameborder в html-теге iframe`а. Что-то похожее было при вставке роликов с YouTube.

С недавнего времени я для себя решил, что буду делать новые сайты только по стандарту и обязательно все последующие нововведения буду проверять валидатором. Свои существующие проекты я по-тихонечку буду тоже преводить к HTML-стандарту по мере поступления свободного времени и желания заниматься версткой в это высвободившееся время.

Для того чтобы убрать эти ошибки, необходимо удалить эти два параметра из html-кода, а добавить эти два параметра в css-файл. Ну или просто вынести в стили.

Для того чтобы было легче понимать о чем это я говорю, ниже приведено что было «до» и что стало «после».

было:

<iframe width="270" height="520" scrolling="no" frameborder="0" src="https://news.gnezdo.ru/show/4444/block.html"></iframe>

стало:

<style>
iframe {
  border: 0;
  width: 270px;
  height: 520px;
}
</style>
<iframe src="https://news.gnezdo.ru/show/4444/block.html"></iframe>

Думаю, что дополнительно объяснять не нужно, что код заключенный между тегами <style>…</style>, можно вынести в отдельный CSS-файл и это будет более правильным решением, нежели оставлять его как приведено выше.

После всего этого, если отправить страницу на повторную проверку соответствия заявленному html-стандарту, она пройдет проверку. Я проверял на соответствие HTML5 и проверка 100% проходит успешно.

Комментарии
Имя
e-mail
Текст комментария: # ×


Комментарии
Облако тегов
Интересное