In below code i placed internal style sheet with in body tag, instead of having in head.For Single-Page-Application I am considering to do this for styles that is only applicable to that page alone, rather than having separate pagespecific.css file.Is there a scenario where this has downside as i am not putting the same in head section?<!-- myPartial.html starts here --> <!-- Like to keep styles unique to this html right here in this file --> <div>  <style>    body { background-color: red; }    #myText { color: white; }  </style>  <span id='myText'>Hello</span></div><!-- myPartial.html ends here --> 
Will it be a wrong idea to have  in <body>?
html;css
A style element inside the body element violates HTML syntax rules. (Except that according to HTML5 drafts, it is allowed in some conditions, if the scoped attributes is present; this attribute is supported by some browsers.) On the other hand, browsers dont care. The division into head and body elements is theoretical.Yet, you gain nothing by using the invalid syntax, as opposite to placing style inside head. The only excuse would be technical limitations, in some authoring environments, that might prevent you from putting anything into the head part.The issue of using a style element vs. an external stylesheet via link is completely orthogonal to this question.