<style>によるスタイルシートの設定は、HTML4.01やXHTML1.0では<head>~</head>内での記述のみが許可されています。しかし、ブログなどでは記事のデザインを部分的にカスタマイズするために<style>を本文中で利用するケースが多く見られ、文法違反となってしまいます。そこで、HTML5では<style>を<body>~</body>内で利用するための設定が追加され、文法違反となるのを防ぐことができるようになっています。
<body> <div id="content"> <style scoped> h1{ color:red; } </style> <h1>記事のタイトル</h1> <p>記事の本文</p> </div> </body>
<body>内の<div id="content">の中に<style>でスタイルシートの設定を記述したもの。scoped属性が必要です。