ホームページ > 記事 > ウェブフロントエンド > 「 タグは 」の前に置くべきですか、それとも後に置くべきですか?
「 タグは 」の前に置くべきですか、それとも後に置くべきですか?
- Linda Hamiltonオリジナル
- 2024-11-19 19:07:03609ブラウズ
<script> の複雑な配置タグ: </body></strong></p> <p>の前後 <script> の配置HTML ドキュメント内のタグについては、Web 開発者の間で議論が巻き起こっています。従来のアプローチは、</p> 内に埋め込むことですが、セクションでは、これらを </body> の後に置くと主張する人もいます。タグを使用するとパフォーマンスが向上します。ただし、このような標準からの逸脱は正当化されるのでしょうか?<p><strong>検証の失敗と差異が最小限である</strong></p> <p>厳密に言えば、<script> を配置すると、 <body> の外側のタグまたは </p>タグは HTML 検証ルールに違反しています。 body 要素が完全に読み込まれる前にスクリプトが DOM の操作に依存している場合、この変位は機能にも影響を与える可能性があります。ただし、これらの問題が問題にならない場合、スクリプトの読み込みを延期することによるパフォーマンスへの影響は最小限です。<p><strong>読み込みの遅延とパフォーマンスへの影響</strong></p> <p>理論的には、スクリプトの読み込みを延期します。ページがレンダリングされるまでは、ブラウザーが最初にページ コンテンツの表示に集中できるようにすることで、体感的なパフォーマンスを向上させることができます。このアプローチは、他のリソースの読み込みをブロックする可能性があるかさばるスクリプトの場合に特に有益です。ただし、最新のブラウザでは非同期スクリプト読み込み技術が実装されており、遅延読み込みによるパフォーマンスの向上が部分的に無効になっていることに注意してください。</p> <p><strong>結論</strong></p> <p><script> </body> の後のタグtag は重大なエラーではありませんが、パフォーマンスに大きなメリットはなく、検証の問題が発生する可能性があります。一般に、<script> を配置する従来の慣例に従う方が賢明です。 <head> 内のタグセクションでは、検証のコンプライアンスと予測可能な動作の両方を保証します。</script>
以上が「 タグは 」の前に置くべきですか、それとも後に置くべきですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。