HTMLマルチメディア


マルチメディアラベル


1. img


ツールバーの


  • (必須)src
    画像パス(URL)

  • (必須)alt
    画像の置換テキスト

  • width
    横方向ズーム(ピクセルを指定する必要はありません)
    画像のサイズを指定すると、横にも縦にも、1つのサイズを指定するだけで自動的に拡大・縮小されます.

  • srcset
    ブラウザに表示する画像urlと元のサイズのリストを定義します.

  • sizes
    メディア条件とその条件を定義するときの画像最適化サイズのリスト
  • 2. audio


    ツールバーの


  • autoplay
    サイト接続時に再生

  • controls
    コントロールメニューを表示

  • loop
    放送終了後に再生を再開します

  • preload
    ページのロード時にファイルをロードするかどうかを指定します.
    none-未ロード
    メタデータ-メタデータのみロード
    Auto-ファイル全体をロード
    default - metadata

  • src
    コンテンツパス(url)

  • muted
    ミュート
  • 3. video


    ツールバーの


  • src
    コンテンツパス(URL)

  • width height
    縦横寸法の指定

  • autoplay
    サイト接続時に再生

  • controls
    コントロールメニューを表示

  • loop
    放送終了後に再生を再開します

  • muted
    ミュート

  • poster
    ビデオサムネイル画像パス(URL)

  • preload
    ページのロード時にファイルをロードするかどうかを指定します.
    値段
    none-未ロード
    メタデータ-メタデータのみロード
    Auto-ファイル全体をロード
    default value: metadata
  • 4. figure/figcaption


    画像領域の設定/説明
    <figure>
      <img src="/IMG/KakaoTalk_20210918_182802146.jpg" alt="윤승근" width="300px">
      <figcaption>윤승근 in 제주도</figcaption>
    </figure>

    5. iframe


    現在のページに別のHTMLページを挿入

    ツールバーの


  • name
    フレーム名

  • src
    コンテンツパス(url)

  • width height
    縦横寸法の指定

  • allowfullscreen
    フルスクリーンモードを使用するかどうか

  • frameborder
    外枠を使用するかどうか
    値段
    0
    1
    default value: 1

  • sandbox
    読み取り専用で挿入してセキュリティを保護
    値段
    フォームの発行を許可
    許可-スクリプト実行可能
    allow-shome-originなどのドメイン内のリソースの使用を許可