Test html syntax error

JavaScript validator

JavaScript validator allows to test and validate JavaScript online, and find JavaScript errors easily and quickly. This JavaScript code checker tool highlights and allows to navigate between lines with syntax error. To check your code, you must copy and paste, drag and drop a .js file or directly type in the «JavaScript» online editor below, and click on «Check JavaScript syntax» button.

This tool also is a JavaScript fiddle, you can fill html, CSS and JavaScript editors in order to run your source directly in your browser. You can see the user guide to help you to use this JavaScript fiddle tool.

User guide

• First, Drag and drop your JavaScript file or copy / paste your JavaScript text directly into the editor above.
• Finally, you must click on «Check JavaScript syntax» button to display if there is an syntax error in your code.

To run and execute your JavaScript code in your browser, it is analogous to the check js syntax, except that you must click on «RUN fiddle» button.

To share your code, You must only click on «SHARE fiddle» button (And choice a password)!

JavaScript checker

JavaScript Validator Online tool allows to find syntax errors (lint). If a syntax error is detected, then the line in error is highlighted.

This linter allows to report stylistic errors, it can improve the quality of the code. It can also signal suspicious constructs, avoid mistakes, and potentially dangerous things.

JavaScript fiddle

You can test your JavaScript code online directly in your browser and share it!

You just have to share the URL of your fiddle in order to share it. Your JS fiddle will be accessible to everyone, do not save sensitive data! The password is only used to protect its modification.

Источник

Разбор ошибок валидации сайта

Наконец-то появилось свободное время между бесконечной чередой заказов, и я решил заняться своим блогом. Попробуем его улучшить в плане валидации. Ниже в статье я расскажу, что такое валидация сайта, кода html и css, зачем она нужна и как привести сайт к стандартам на конкретном примере.

Что такое валидация сайта?

Простыми словами – это проверка на соответствие стандартам. Чтобы любой браузер мог отображать ваш сайт корректно. Большое влияние валидность сайта на продвижение не оказывает, но хуже точно не будет.

Конкретный пример прохождения валидации для страницы сайта

Возьмем первую попавшуюся страницу на моем сайте — Кодирование и декодирование base64 на Java 8. Забьем адрес страницы в валидатор и смотрим результат:

Errors found while checking this document as HTML 4.01 Transitional! Result: 105 Errors, 67 warning(s)

Да уж, картина вырисовывается неприятная: больше сотни ошибок и 67 предупреждений – как вообще поисковики индексируют мой блог, и заходят люди? Но не будем огорчаться, а научимся проходить валидацию, справлять ошибки. Итак, первое предупреждение:

Unable to Determine Parse Mode! The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because: the MIME Media Type (text/html) can be used for XML or SGML document types No known Document Type could be detected No XML declaration (e.g ) could be found at the beginning of the document. No XML namespace (e.g ) could be found at the root of the document. As a default, the validator is falling back to SGML mode. Warning No DOCTYPE found! Checking with default HTML 4.01 Transitional Document Type. No DOCTYPE Declaration could be found or recognized in this document. This generally means that the document is not declaring its Document Type at the top. It can also mean that the DOCTYPE declaration contains a spelling error, or that it is not using the correct syntax. The document was checked using a default "fallback" Document Type Definition that closely resembles “HTML 4.01 Transitional”.

Это одно и тоже. А исправляется просто: в самом начале страницы добавить тег:

Проверяем ,что у нас получилось и видим, что одним этим тегом мы убрали 105 ошибок и 3 предупреждения! Теперь у нас осталось только 64 предупреждения. Начинаем разбирать их по одному.

Warning: The type attribute for the style element is not needed and should be omitted. From line 5, column 1; to line 5, column 23 /x-icon">↩↩↩↩↩A

Это значит, что для элемента style не нужен атрибут type – это лишнее. На странице у нас два таких замечания. Аналогичное предупреждение и по JavaScript:

Warning: The type attribute is unnecessary for JavaScript resources. From line 418, column 1; to line 418, column 31 ↩