HTMLのソースタグ
ソースタグは、ビデオ、オーディオ、画像などのメディア要素のマルチメディアリソースを指定するために使用されます。
ソースタグを使用すると、メディア、コーデックサポート、またはメディアクエリに応じて、代わりに表示されるメディアファイルを定義できます。
たとえば、ユーザーがブラウザウィンドウのサイズを変更したときに表示される画像を変更する場合は、pictureタグを複数のソースタグと組み合わせて使用して、他のウィンドウサイズごとに表示される画像を定義する必要があります。
使用する
たとえば、ソースタグをメディアタグと組み合わせて使用すると、ユーザーがブラウザウィンドウのサイズを変更したときに表示される画像を変更できます。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>Học html miễn phí tại web888.vn</h1> <picture> <source media="(min-width: 800px)" srcset="black.jpg"> <source media="(min-width: 600px)" srcset="blue.jpg"> <img src="yellow.jpg" alt="Flowers" style="width:auto;"> </picture> </body> </html> Bài viết liên quan:
Dịch vụ thiết kế Wesbite
