HTML Checking for Large Sites
Rocket Validator integrates the W3C Validator HTML checker into an automated web crawler.
Stray start tag “html”.
- stray
- start tag
- html
A stray start tag <html> has been found in the document. As this tag defines the start of the whole HTML document, it should appear only once.
Related W3C validator issues
- stray
- start tag
- head
A <head> start tag has been found in an unexpected place in the document structure. Check that the <head> section appears before the <body> section, and that is not duplicated.
The <head> section of an HTML document is the container of metadata about the document, and must appear before the <body> section. A common cause of this issue is duplicated <head> sections.
Here is an example of a minimal HTML document structure:
- stray
- start tag
- script
A <script> start tag has been found in an unexpected place in the document structure. Check that the <script> section appears within the <head> or <body> sections.
Here’s an example of a script inserted in the head of the document:
- stray
- start tag
- style
A <style> start tag has been found in an unexpected place in the document structure. Check that the <style> section appears within the <head> section.
Although in general it’s better to put your styles in external stylesheets and apply them using <link> elements, CSS styles can also be included inside a document using the <style> tag. In this case, it should be placed within the <head> section, like in this example:
- isolang
- lang
- html
- ISO 639-1
Instead of using the isolang attribute to define the language of the document, you can use lang with an ISO 639-1 two character code.
For example, for Portuguese:
25,000 HTML checks per month. Fully automated.
Save time using our automated web checker. Let our crawler check your web pages on the W3C Validator.
- start tag
- end tag
And end tag has been found that does not match the current open element. Check the context to fix the start and end tags.
- a
- start tag
- nesting
An <a> tag can’t include other <a> tags inside. Most probable cause is an unclosed <a> tag, like in this example:
6,250 HTML checks per week. Fully automated.
Save time using our automated web checker. Let our crawler check your web pages on the W3C Validator.
- start tag
- doctype
HTML documents are expected to start with a first line containing the Document Type Declaration, that defines the HTML version used. Since HTML5, it’s just <!DOCTYPE html>, which must appear before the start <html> tag.
Here’s an example of a minimal HTML5 document:
- stray
- doctype
All HTML documents must start with a <!DOCTYPE> (Document Type Declaration), that informs browsers about the type and version of HTML used to build the document. In HTML5, this is simply <!DOCTYPE html> and must appear at the start of the document.
Here is an example of a minimal HTML document, including the Document Type Declaration at its start:
- stray
- end tag
An end tag for X has been found that does not correspond to a previous open tag. This usually happens when you close the same tag twice, for example:
- version
- html
- obsolete
In HTML5, there’s no need to specify the version attribute — it is now obsolete. Here’s an example minimal HTML document to start with:
Still checking your large sites one page at a time?
Save time using our automated web checker. Let our crawler check your web pages on the W3C Validator.
Бродячий стартовый тег html и head
Я новый программист, работающий на моем первом сайте RoR (с внедренной загрузкой) и имеющий некоторые (казалось бы, простые) проблемы с HTML, заметил проблемы с совместным использованием изображений через отладчик facebook. Ошибка говорит: «У вашей страницы есть метатеги в теле, а не на голове. Это может быть связано с тем, что ваш HTML был искажен, и они упали ниже в дереве разбора. Пожалуйста, исправьте это, чтобы теги были пригодны для использования «.
Я тестировал на http://validator.w3.org/ с HTML5. Это две ошибки, которые мне особенно интересны:
Я исследовал это некоторое время и нашел много похожих вопросов: Stray start tag html, Stray start tag HTML в валидаторе? , Stray start tag Error, Получение «Stray end tag html» из W3C Validator, хотя никто не решил мою ситуацию. Я считаю, что у меня правильный формат HTML5:
Мне любопытно, если «no-js» или div id имеют эффект и не нашли большой помощи в этом отношении.
Мой вопрос: что такое неправильный HTML? В частности, как я могу устранить ошибки заголовка стартового тега html и блуждающих начальных тегов, заданные модулем проверки HTML (чтобы в конечном итоге исправить ошибку отладчика facebook и отобразить правильное изображение)?
Stray start tag
Sometimes, if you try to validate your HTML code, you can get lots of errors in your HTML code is not well structured. Sometimes it occurred when some unique tag appears multiple times in your document i.e. <HTML>, <head>, <body>. So let’s check some examples to understand them. Check the basic HTML structure here.
Stray start tag “html”
The <html> is a parent container tag. It should appear once in a whole document.
Stray start tag “head”
Generally appears before the <body> tag. But if we write multiple <head> tag or <head> tag outside the <body> tag, we can get the above validation error. Check the below code to get the idea.
Now check the below code in the HTML validator and you can get lots of errors.
- Element <head> is missing a required instance of the child element <title> . It means the <head> tag is not present after the <body> tag.
- Stray start tag head . Already discussed above.
- Elementtitlenot allowed as a child of elementbodyin this context. That means we can’t use <title> inside <body> .
- Stray start tag p . Here the <p> tag is outside the <body> tag.
About Ashis Biswas
A web developer who has a love for creativity and enjoys experimenting with the various techniques in both web designing and web development. If you would like to be kept up to date with his post, you can follow him.
Leave a Comment Cancel reply
Enjoying the articles? I would appreciate a coffee to help me keep writing and coding!
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.
If you’re inserting text content in your document in a location where text content is expected 1 , you typically only need to escape the same characters as you would in XML. Inside of an element, this just includes the entity escape ampersand & and the element delimiter less-than and greater-than signs < > :
Inside of attribute values you must also escape the quote character you’re using:
In some cases it may be safe to skip escaping some of these characters, but I encourage you to escape all five in all cases to reduce the chance of making a mistake.
If your document encoding does not support all of the characters that you’re using, such as if you’re trying to use emoji in an ASCII-encoded document, you also need to escape those. Most documents these days are encoded using the fully Unicode-supporting UTF-8 encoding where this won’t be necessary.
In general, you should not escape spaces as . is not a normal space, it’s a non-breaking space. You can use these instead of normal spaces to prevent a line break from being inserted between two words, or to insert extra space without it being automatically collapsed, but this is usually a rare case. Don’t do this unless you have a design constraint that requires it.
1 By «a location where text content is expected», I mean inside of an element or quoted attribute value where normal parsing rules apply. For example: <p>HERE</p> or <p title=»HERE»>. </p> . What I wrote above does not apply to content that has special parsing rules or meaning, such as inside of a script or style tag, or as an element or attribute name. For example: <NOT-HERE>. </NOT-HERE> , <script>NOT-HERE</script> , <style>NOT-HERE</style> , or <p NOT-HERE=». «>. </p> .
In these contexts, the rules are more complicated and it’s much easier to introduce a security vulnerability. I strongly discourage you from ever inserting dynamic content in any of these locations. I have seen teams of competent security-aware developers introduce vulnerabilities by assuming that they had encoded these values correctly, but missing an edge case. There’s usually a safer alternative, such as putting the dynamic value in an attribute and then handling it with JavaScript.
If you must, please read the Open Web Application Security Project’s XSS Prevention Rules to help understand some of the concerns you will need to keep in mind.