<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Валидность JavaScript

Валидность JavaScript

Я уже когда говорил о важности валидности HTML-кода. Как показывает практика, 95% сайтов не являются валидными. Самое интересное, что некоторые из этих сайтов не валидны только по причине написания JavaScript. Фактически, чуть-чуть не хватило им до хорошего, грамотного и чистого HTML-кода. И в сегодняшней статье я расскажу, как сделать "валидным" JavaScript.

Рассмотрим простой код на JavaScript:

<script type="text/javascript">
  document.write("Текст<br />");
</script>

Если попытаться проверить валидность HTML-страницы с таким скриптом, то увидите примерно такую ошибку: "document type does not allow element "br" here". Фактически, валидатор прав: нельзя использовать тег br внутри кавычек. Многие Web-мастера думают: "Глюки валидатора". Но они очень сильно ошибаются... На самом деле, по стандарту все скрипты необходимо помещать в область CDATA, но очень мало, кто об этом знает.

Вот так будет валидный JavaScript:

<script type="text/javascript">
//<![CDATA[
  document.write("Текст<br />");
//]]>
</script>

Вот такой JavaScript не будет создавать ошибок при проверке валидности HTML-страницы.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (10):

armen_98 armen_98 26.06.2011 17:38:19

а почему на картинке написано html?

Ответить

Admin Admin 26.06.2011 17:40:22

Потому что не бывает валидности JavaScript. Но из-за JavaScript страдает валидность HTML. Поэтому на картинке HTML.

Ответить

Natalymath Natalymath 07.07.2011 00:24:24

У меня несколько вопросов. 1)В область CDATA нужно помещать внутренность любого скрипта, или только с br'ом внутри кавычек, 2)Если скрипт вынесен в отдельный файл, то... 3)Какие плюсы дает валидность кода? Кроме того, что "так положено".

Ответить

brussens brussens 01.07.2012 05:02:28

Nataly, 1)Можно помещать любой скрипт. 2)С валидным кодом поисковые системы лучше работают. Для этого собстенно и были придуманы такие стандарты. Если вёрстка очень грязная, то порой можно и игнор от поисковика по идее получить

Ответить

neo321654 neo321654 06.06.2013 23:36:18

А если "br />" занести в переменную и прибавить к "Текст <" или же : document.write("Текст<"+"br />");Валидно ли это будет?

Ответить

Admin Admin 07.06.2013 10:02:40

Да.

Ответить

sync sync 07.06.2013 07:24:59

Михаил подскажите пожалуйста, что за ошибка может быть Line 53, Column 55: document type does not allow element "div" here …div id="facebox" style="display:none;"><div class="popup"><div class="content"… The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed). One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Ответить

Admin Admin 07.06.2013 09:58:41

В данном месте не может находиться div, там должен быть какой-то другой тег.

Ответить

gala_78 gala_78 15.06.2013 03:38:33

<!-- HotLog --> <script type="text/javascript"> hotlog_r=""+Math.random()+"&amp;s=2301046&amp;im=659&amp;r="+ escape(document.referrer)+"&amp;pg="+escape(window.location.href); hotlog_r+="&amp;j="+(navigator.javaEnabled()?"Y":"N"); hotlog_r+="&amp;wh="+screen.width+"x"+screen.height+"&amp;px="+ (((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth); hotlog_r+="&amp;js=1.3"; document.write('<a href="http://click.hotlog.ru/?2301046" target="_blank"><img '+ 'src="http://hit3.hotlog.ru/cgi-bin/hotlog/count?'+ hotlog_r+'" style="border:none;" width="88" height="31" alt="HotLog"/><\/a>'); </script> <noscript> <a href="http://click.hotlog.ru/?2301046" target="_blank"><img src="http://hit3.hotlog.ru/cgi-bin/hotlog/count?s=2301046&amp;im=659" style="border:none;" width="88" height="31" alt="HotLog"/></a> </noscript> <!-- /HotLog --> Михаил, помогите, пожалуйста, с валидностью этого счетчика, валидатор в нем 7 ошибок нашел, подозреваю, что это связано с "target"_blank", но не знаю, как это исправить. Заранее, огромное спасибо

Ответить

Admin Admin 15.06.2013 10:29:11

http://myrusakov.ru/html-target-valid.html

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.