ЭНЦИКЛОПЕДИЯ СОВРЕМЕННОГО САЙТОСТРОЕНИЯ

Валидность кода. Разбор на примере.

Тема в разделе "Язык гипертекстовой разметки (HTML)", создана пользователем Мефистофель, 2 фев 2016.

  1. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Быстренько перебрал шаблончик сайта, но ошибок кода там более чем предостаточно. Так что буду делать следующим образом: Выкладываю описание проблемы, добавляю код ошибкой, указываю на нее, исправляю, добавляю новую строку кода без ошибки.

    Итак, начнем. После проверки на валидность получил сервисом более 70 ошибок. Сократил до 48. Сейчас будем разбираться что из всего этого барахла имеет значение, а что - нет.

    1. upload_2016-2-2_12-9-6.png

    Это не шибка, это уведомление. С буржуйского на русский:
    Содержимое-Тип текста/HTML-кода. При помощи HTML-парсер.


    2. upload_2016-2-2_12-12-39.png

    Очередное уведомление.
    Используя схему для HTML и SVG 1.1, для mathml 3.0, языке rdfa 1.1, и 2.0 поддержки.

    3. upload_2016-2-2_12-14-17.png

    Вот что валидатору тут не нравится - не пойму. Код:
    HTML:
    <!-- Yandex.Metrika counter --> <script type="text/javascript"> (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter35059935 = new Ya.Metrika({ id:35059935, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true, ecommerce:"dataLayer" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/35059935" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
     
    #1
  2. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Это счетчик метрики. Код вставлял и в одну строку, и в несколько. Никакой разницы. кто мне объяснит в чем причина ошибки валидности?
     
    #2
  3. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Переводя дословно: Плохой стартовый тег в DIV в HEAD. Типа намёк, что в <head> не должно быть <div>.
     
    #3
  4. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Есть приятная новость, господа! Для таких профанов как я появился настоящий подарок - валидатор на русском языке. Теперь не нужно ломать голосу что значит та или иная ошибка. http://jigsaw.w3.org/css-validator/ - пользуйтесь!) (ссылку можно оставить? если нет- уберу)
     
    #4
  5. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Этот валидатор разбирает только CSS - http://jigsaw.w3.org/css-validator/
    Валидацию HTML только здесь нашел - https://validator.w3.org/
     
    #5
  6. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Да, я тоже сейчас обратил внимание, что на русском валидатора HTML нет... Может знаешь где найти русифицированный валидатор?
     
    #6
  7. Jonny

    Jonny Гуру Команда форума Администратор

    Сообщения:
    748
    Рейтинг:
    143
    Не знаю. Может и нет такого.
     
    #7
  8. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Вот замечательный проект для монетизации)
     
    #8
  9. Алексей

    Алексей Гуру Команда форума Эксперт

    Сообщения:
    367
    Рейтинг:
    151
    @Мефистофель, Метрики и прочие скрипты я втыкаю сразу после открывающего тэга body. Кто-то скажет, что неправильно, но мне пофиг. Работает, валидируется и не шуршит.
     
    #9
  10. Мефистофель

    Мефистофель Гуру Команда форума Эксперт

    Сообщения:
    398
    Рейтинг:
    198
    Род занятий:
    Интернет-маркетинг
    Откуда:
    Новосибирск
    Я проовал, но валидатор у меня почему-то ругается. Хотя я не особо обращаю внимания на ошибки валидатора в метрике.
     
    #10
  11. Алексей

    Алексей Гуру Команда форума Эксперт

    Сообщения:
    367
    Рейтинг:
    151
    @Мефистофель,
    </head>
    <body>
    <!-- Start SiteHeart code -->
    ...
    <script type="text/javascript">
    ...
    </script>
    ...
    <!-- Yandex.Metrika counter -->
    ...
    <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=
    ...
    </script>
    ...
    <div id="header">

    И ни одной ошибки в проверке валидности
     
    #11
  12. Alex77789

    Alex77789 Новичок

    Сообщения:
    4
    Рейтинг:
    1
    Род занятий:
    СММ
    Откуда:
    Киев
    Спасибо))
     
    #12