の使用<body> 内のタグ他のHTMLとの</strong></p> <p><style>の配置HTML ドキュメント内のタグにより、レンダリング順序とブラウザーの動作に関する疑問が生じる可能性があります。 HTML 4 では <style> が規定されています。タグは <head> 内にあります。 </p> <p><strong>不連続 CSS</strong></p> <p></p> <ul> <li>の場合、<strong></strong> </li> <li><strong></strong></li> </ul> <p>タグが <body> 内の複数の場所に出現すると、ブラウザは不連続な CSS ルールを処理するという課題に直面します。考えられるアプローチは 2 つあります:<strong></strong></p> <p>順次レンダリング:<strong> ブラウザは、スタイルを再定義する後続のルールを無視して、CSS ルールが見つかった順序のみに基づいて要素をレンダリングできます。</strong></p> <p>データ構造の生成:</p> あるいは、ブラウザは、すべての CSS スタイルを表すデータ構造を構築することもできます。ページを作成し、レンダリングに使用します。このアプローチにより、後のルールが前のルールをオーバーライドします。<p><strong></strong></p>スコープと順序<p></p> <p>HTML 4 では、<style>タグは <head> に配置する必要がありました。特定の理由: ドキュメント全体に適用されるグローバル CSS ルールを確立するためです。ただし、新しいバージョンの HTML では、<style> の <strong>scoped</strong> 属性が導入されています。 tags.</p> <p>この属性を使用すると、ドキュメント内の位置に関係なく、HTML の特定の部分内にのみ CSS ルールを適用できます。したがって、<stylescoped> <body> 内に配置されたタグ</p>ブラウザの動作スコープ属性に対するブラウザのサポートはさまざまであることに注意することが重要です。これは HTML5 仕様に含まれていますが、現在これを実装している主要なブラウザはほとんどありません。これは、ほとんどの場合、<style> を配置すると、 <body> 内のタグベスト プラクティスと考慮事項<style> を配置することは技術的に可能ですが、 <body> 内でタグを使用しているため、一部の開発者は、次のような理由からこの方法を使用しないことを推奨しています。<ul> <li> <strong>検証の競合:</strong> <style> の配置<body> 内のタグ特定のツールでは検証エラーが発生する可能性があります。</li> <li> <strong>グローバル スコープの混乱:</strong> 開発者は意図したスコープ外の要素に CSS ルールを誤って適用する可能性があります。</li> <li> <strong>将来の互換性: </strong> ブラウザーでスコープ属性が広くサポートされていないため、新しいバージョンでは予期しない動作が発生する可能性があります。 </li> </ul> <p>したがって、<style> を配置している間、 <body> 内のタグ技術的には可能ですが、一般に <style> の従来の配置に従うことをお勧めします。 <head> のタグ明確さ、一貫性、ベスト プラクティスへの準拠についてのセクション。</p>
