src は HTML5 で使用できます。src は、HTML5 で要素のマッピング URL を設定するために使用される属性です。src 属性は、HTML5 のsource の略で、ソースを意味します。メディア リソースとして使用できます。メディア要素「HTNLDediaElement」マッピング URL (「」、「」など)。 </p></blockquote> <p><img src="https://img.php.cn/upload/article/202206/15/2022061517091784291.jpg" alt="src は HTML5 に表示できますか?" ></p> <p>このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。 </p> <h2>HTML5 src 属性</h2> <p>src 属性は、ソースを意味するsourceの略で、一般的にメディア要素HTNLDediaElementのメディアリソースマッピングURLとして使用されます。画像とスクリプトのリソース パスの例: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><img src="image/demo.png"> <iframe src="inner.html"> <script src="demo.js">ログイン後にコピー メディア リソースの読み込み中の src は常にブロックされ、ページ上の他のリソースは処理のために一時停止されます。これが、スクリプト タグが通常最後に読み込まれる理由の 1 つです。文書。 拡張子: href は、Hypetext Reference の略で、ハイパーテキスト参照を意味します。非メディアリソースなので、外部参照、つまり、ページに表示する必要はありません。これをロードしてください。リソースを植えるときは、ノンブロッキングです。リンクとタグの例: demoログイン後にコピー 要約すると、src は読み込みをブロックしているメディア リソース パスのマッピングであり、href は非ブロックであるハイパーリンクです。 メディア リソースは実際にページに表示する必要があり、DOM 構造内の実際のデータであるため、読み込みがブロックされ、ハイパーリンクは属性または参照に相当することが理解できます。実際のリソースをページにレンダリングする必要があり、ページの読み込みをブロックする必要はありません。 注目に値する問題の 1 つは、js スクリプトはメディア リソースではなく、DOM に必要なデータでもないということです。css は href を使用できるのに、なぜ js スクリプトは src を使用するのでしょうか?実はこれはデザインの最初に決められたことなのですが、もしかしたらデザイナーはjsスクリプトを実行するとページが変わる、つまりDOMが変わると考えているのかもしれません、もちろんページと一緒にロードする必要があります, 一方、css は単なるページ スタイルであり、DOM は変更しません。つまり、ハイパーリンクに属します。この理解から、ページがブロックされているかどうかは、参照されるリソースのサイズとは関係がないことがわかります。ページ DOM が実際に変更されるかどうかに関係します。 (学習ビデオ共有: css ビデオ チュートリアル、html ビデオ チュートリアル)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
