SRC（HTML属性）

HTMLの属性は、最も一般的な画像であるが、オーディオ、ビデオ、およびIFRAMEにも適用できる埋め込みリソースの場所を指定します。 この場所は、サーバーのルートディレクトリ、または完全なURLに比べて、現在のWebページに関連しています。

src相対パス：

同じディレクトリ：

• （image.jpgはHTMLファイルと同じフォルダーにあります）。 1つのレベルアップ：<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993373573.jpg" class="lazy" alt="src (HTML attribute) ">
（Image.jpgは現在のHTMLファイルの上にあるディレクトリ1つです）。
• Webサイトルート内：<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993391833.jpg" class="lazy" alt="src (HTML attribute) ">（image.jpgは、Webサイトのルートのフォルダーにあります）。
• 絶対urls：<img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993464780.jpg" class="lazy" alt="src (HTML attribute) "> 別のサーバーでホストされている画像の場合、完全なURLを使用してください：/images。

例：

次のコードには、htmlファイルと同じディレクトリにある名前の

という名前の画像が表示されます。 <img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052993538767.jpg" class="lazy" alt="Image Description">

主要な考慮事項：

myimage.png

属性：

<code class="language-html"><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174052995196248.png" class="lazy" alt="src (HTML attribute) "></code>

属性を常に含めて、画面読者に代替テキストを提供し、画像がロードされないとき。 これはアクセシビリティに不可欠です。

ファイルの種類：

、、alt、、alt）。
• エラー処理：指定されたリソースが見つからない場合、ブラウザは通常、壊れた画像アイコンを表示するか、まったく表示されません。 適切なエラー処理には、代替画像ソースまたはフォールバックメカニズムが含まれる場合があります。 srcセキュリティ：.jpgさまざまなドメインからリソースを埋め込むことは、ブラウザのセキュリティポリシー（CORS）の対象となります。 .png .gif.mp4よくある質問（FAQ）：.mp3
• 提供されているテキストは属性の多くの側面をカバーしていますが、ここにキーポイントに対処する簡潔な概要があります：
  • src？src（source）は、埋め込まれたリソースのURLを指定します。 どのタグを使用しますか
  ？
  • 、src、、<img alt="SRC（HTML属性）" >、およびその他の外部コンテンツを埋め込みます。 <audio></audio><video></video><iframe></iframe>が欠落している場合はどうなりますか？
  画像（またはその他の組み込みリソース）が表示されません。
  • > srcさまざまなドメインを処理できますか？
  はい、しかしCORSの制限の対象となります。
  • 複数のソース？src複数のソースの、
  、または
  • タグ内の要素を使用します。 相対対絶対URL？<source></source>相対URLは現在のページに関連しています。絶対URLは完全なURLです <picture></picture> <audio></audio><video></video>vs.
  ？
  • ​​
  content;
  • a linksrcをコンテンツに作成します。href src最大ファイルサイズ？厳密な制限はありませんが、大きなファイルが読み込み時間に影響します。 hrefhttps to http？セキュリティリスクのために推奨されません（コンテンツの混合警告）。
  この改訂された答えは、より合理化された説明を提供し、より明確で簡潔な方法でFAQに対処します。

以上がSRC（HTML属性）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。