The W3C Markup Validator, when acting as an HTML5 checker, handles this issue according to various drafts such as HTML 5.1 Nightly, which right now says that the style
element may appear only inside the head
element, except when the scoped
attribute is present, in which case it may appear “where flow content is expected, but before any other flow content other than inter-element whitespace and style elements, and not as the child of an element whose content model is transparent”. In your actual example, the element appears after a script
element (which is counted as flow content). Changing the order of the elements thus changes the syntax to valid, under the given definition.
Alternatively, you can just wrap the style
element in a div
element:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<script type="text/javascript"></script>
<div>
<style scoped></style>
</div>
</body>
</html>
The scoped
attribute is not valid at all according to the W3C Recommendation HTML5. It was present in HTML5 drafts, but it was dropped from the Recommendation due to lack of implementations, but it is still in the “standardization track” and may make its way to HTML 5.1.
Note that existing browsers generally ignore the scoped
attribute and allow a style
element almost anywhere and apply its content to the entire HTML document (even parts that precede the style
element).