Валидация сайта или правильный HTML
Сегодняшнюю статью я хочу посвятить валидации сайта (то есть HTML). Сперва определим что означает этот термин! Валидация сайта — это проверка синтаксических ошибок, проверка вложенности тэгов и другие критерии. Как правило, валидаторы (сервисы для проверки сайтов на наличие ошибок в структуре документа) проверяют HTML-код на соответствие определенному стандарту, который указан в самом начале любой HTML-страницы первой строчкой. Если вы не знали для чего она, теперь будете знать! �� Но для чего, собственно, нужна эта самая валидация и на что она влияет?
Что такое валидация сайта?
Как я уже говорил выше, валидация — это соответствие HTML-кода определенным правилам и стандартам. На смену XHTML пришла технология HTML5, которая значительно облегчила жизнь разработчикам. Дело в том, что в версии XHTML синтаксис был очень строгим. Если в HTML5 вы можете писать тэг переноса <br> как без наклонной черты, так в таком виде <br />, то в XHTML будет верным только последний вариант. HTML5 не так строг, да и к тому же появилось множество полезных тегов, но не об этом сейчас �� .
На что влияет валидация сайта?
А сейчас ответим на второй вопрос.
Валидация сайта позволяет следить за правильным отображением сайта в разных браузерах. Например, если не закрыть тэг или где-то сделать опечатку в коде, в дальнейшем одна и та же страница может отображаться в разных браузерах по-разному. Также стили для сайта (CSS) могут отображаться не так как вы этого ожидали. Поэтому необходимо внимательно следить за этим.
Также я не мог не сказать что валидация влияет на поисковые системы: поисковые системы отдают предпочтение сайтам с валидным HTML-кодом. Имейте это в виду!
Ну что, я вас убедил в том, что валидация сайта действительно необходима? Тогда с теорией закончили и переходим к практике!
Getting error about a stray start tag that I simply can't figure out
when i inspect the html with firebug, the span tag is not there. if i look at the page source, via firefox, the span start tag and end tag are displayed in red indicating that something is wrong.
hovering the cursor over the red code gives me: stray start tag «span»
if i run the page through a validator, no errors are found.
perhaps a span tag is not allowed in a option tag.
but then, why doesn’t the validator not flag it.
edit * * * * nix the bit about the validator, i just looked again and found i was using the css validator.
i ran the page through the markup vaidator and got:
error: stray start tag span.
from line 273, column 80; to line 273, column 134
m=201512′><span style=»text-decoration: underline; color: blue;»> decem
Answers
mdn option:
permitted content text with eventually escaped characters (like é).
no spans are permitted, it is text only. if you want to style the text, you need to look at a javascript/css solution that is not a standard element.
try again using this plugin in your browser.
it allows to you request any site with ajax from any source, no matter http/https discrepancies and the like. practically adds the allow-control-allow-origin: * header in the response.
please keep in mind that this is a band-aid solution. your server response has to actually have the ‘access-control-allow-origin’: ‘*’ header, preferably with a more specific value than * .
boilerplate’s css uses few hacks like * (*font-size:small;) and some browser specific css rules — if you are really concerned about validation just move the hacky rules out of the main style.css and load them for the browser that needs them only.
you can be either hacky and crossbrowser or valid and degraded. and don’t forget that boilerplate also states:
think there’s too much? the html5 boilerplate is delete-key friendly. 🙂
but if you ask me — its waste of time trying to pass the css validation and still be crossbrowser compatible — if your client demands it and has extra money to pay for the css valid badge (which probably won’t generate them any extra income) than go for it, if you personaly are obsessed by having to pass it go for it — otherwise it’s nonsense and waste of your time. if you wrote all of the valid css3 rules correctly and used a few vendor specific rules it won’t really kill anyone.
overall boilerplate is a solid template and perfectly ok to use for every day projects and the problems you are exposing are more of a perfectionist’s view on the thing. this would be my 2 cents on this.
Ошибки валидации (например, "Stray start tag html"), которые я не могу поколебать в header.php
Я попытался сохранить header.php как (UTF-8, без спецификации), но я не могу встряхнуть непробельный символ (‘f’) в начале.
Тогда я понятия не имею, с чего начать с тегом ошибки «блуждающий HTML». Проверьте сами http://wsumc.com/worship
1 ответ
«Бродячий стартовый тег» html Сообщение является лишь еще одним побочным эффектом этого f в начале.
То, как работает HTML, заключается в том, что f это голый текст, который head элемент не может содержать — поэтому он подразумевает, что тело документа запущено и что все, что следует за ним, является частью тела. Поэтому, когда анализатор HTML видит это f парсер генерирует <body> Начать тег.
Но следующая вещь, которую видит парсер: <!DOCTYPE html> — который сейчас в body — так синтаксический анализатор говорит: «Заблудший тип учения» и движется дальше. Но затем следующая вещь, которую парсер находит <html> Начальный тег, который теперь также находится в body Так синтаксический анализатор говорит: html «
Раздел » Разбор HTML-документов » спецификации HTML определяет, как все это работает (хотя, по общему признанию, для большинства читателей это не слишком доступно…)