src は HTML5 に表示できますか?

src は HTML5 で使用できます。src は、HTML5 で要素のマッピング URL を設定するために使用される属性です。src 属性は、HTML5 のsource の略で、ソースを意味します。メディア リソースとして使用できます。メディア要素「HTNLDediaElement」マッピング URL (「4e7c86c342a3058645e72e359dd02945」、「401a8135cac0bdf0cd0f582027eef404」など)。

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML5 src 属性

src 属性は、ソースを意味するsourceの略で、一般的にメディア要素HTNLDediaElementのメディアリソースマッピングURLとして使用されます。画像とスクリプトのリソース パスの例:

<img src="image/demo.png">
<iframe src="inner.html">
<script src="demo.js"></script>

メディア リソースの読み込み中の src は常にブロックされ、ページ上の他のリソースは処理のために一時停止されます。これが、スクリプト タグが通常最後に読み込まれる理由の 1 つです。文書。

拡張子:

href は、Hypetext Reference の略で、ハイパーテキスト参照を意味します。非メディアリソースなので、外部参照、つまり、ページに表示する必要はありません。これをロードしてください。リソースを植えるときは、ノンブロッキングです。リンクとタグの例:

<link rel="stylesheet" src="style/demo.css">
<a href="./demo">demo</a>

要約すると、src は読み込みをブロックしているメディア リソース パスのマッピングであり、href は非ブロックであるハイパーリンクです。

メディア リソースは実際にページに表示する必要があり、DOM 構造内の実際のデータであるため、読み込みがブロックされ、ハイパーリンクは属性または参照に相当することが理解できます。実際のリソースをページにレンダリングする必要があり、ページの読み込みをブロックする必要はありません。

注目に値する問題の 1 つは、js スクリプトはメディア リソースではなく、DOM に必要なデータでもないということです。css は href を使用できるのに、なぜ js スクリプトは src を使用するのでしょうか?実はこれはデザインの最初に決められたことなのですが、もしかしたらデザイナーはjsスクリプトを実行するとページが変わる、つまりDOMが変わると考えているのかもしれません、もちろんページと一緒にロードする必要があります, 一方、css は単なるページ スタイルであり、DOM は変更しません。つまり、ハイパーリンクに属します。この理解から、ページがブロックされているかどうかは、参照されるリソースのサイズとは関係がないことがわかります。ページ DOM が実際に変更されるかどうかに関係します。

(学習ビデオ共有: css ビデオ チュートリアル、html ビデオ チュートリアル)

以上がsrc は HTML5 に表示できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。