Although it is possible to place style sheet links (links to CSS files) anywhere in the body of a web page, it is a best practice to place your style sheet link in the head area of the document.
By placing the reference link in the head area, your web pages will appear to load faster because it will allow the web page to render progressively. Progressive rendering means that a web page will load items as they are ready. This practice is optimal for frontend web designers that care about load times or need to display a lot of content within a web page.
Some of the problems associated with referring style sheets in the body of a document may include having a user momentarily see a blank white screen or a brief glimpse of unstyled content. Internet Explorer will have greater issues with CSS loaded outside of the head area than other browsers.
by Jonathan Franchell, CEO of Ironpaper - For more tips and hacks: Need to remove a new line after h1 tags? Both web designers and SEO practitioners need to employ headline tags: H1, H2, H3 in several ways to improve web page structure and tag...
The Crowded Arena of the IT Marketplace Updated December 2024 The Information Technology (IT) landscape is experiencing rapid growth and intensifying competition. IT spending is projected to reach nearly 5.1 trillion U.S. dollars in 2024, a...
Updated December, 2024 The field of digital marketing is evolving rapidly in response to new technology and changing buyer expectations. To help career-minded marketers, we’ve rounded up the top 10 skills needed to succeed in the field. These are...