{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 步步皆殇っ 的问题《Does <STYLE> have to be in the <HEAD>》','https://www.manongdao.com/q-15437.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Strictly speaking, do style tags need to be inside the head of an HTML document? The 4.01 standard implies that, but it's not explicitly stated:
The STYLE element allows authors to put style sheet rules in the head of the document. HTML permits any number of STYLE elements in the HEAD section of a document.
I say "strictly speaking" because I have an app that puts style elements inside the body, and all the browsers I've tested with seem to use the style elements. I'm just wondering if that's actually legal.
Like the other replies have stated it doesn't actually need to be there. However, it will not validate. This may or may not matter in this instance, but please keep in mind that rendering of html is entirely up to the browsers. From what I know all used browsers of today will support putting it outside the head, but you cannot guarantee that for the future browsers and future browser releases.
Stick with the standard and you are safer. How much safer is up for very much debate.
While the other answers are correct, I'm surprised nobody has explained where the standards disallow styles outside of
head.It's actually in the section on The
headElement (and in the DTD):Yes, I know. DTDs are hard to read.
This is the only place where the
STYLEelement occurs, so implicitly it's invalid elsewhere.styleis supposed to be included only on theheadof the document.Besides the validation point, one caveat that might interest you when using
styleon thebodyis the flash of unstyled content. The browser would get elements that would be styled after they are displayed, making them shift on size/shape/font and/or flicker. It is generally a sign of bad craftsmanship. Generally you can get away with puttingstyleanywhere you want, but try to avoid it whenever it is possible.HTML 5 introduced a
scopedattribute that allowedstyletags to be included everywhere in the body, but then they removed it again.You can use style tag inside head section or body section or also outside of html tag also(out side html is not recommended). In real time projects many time you can see they use style tag out side of html tag
According to the HTML 5.2 specification (in draft), the style tag is only allowed in the head of a document.
HTML 5.2 Draft on Style Tag (Aug 18, 2016)
They aren't supposed to go outside the head, but they work anyway; though you might notice a quick flicker. The site shouldn't validate with the style tag outside of the head, but does that really matter? Also, link tags work outside the head as well, even though they aren't supposed to.