< 戻る

メディアまたはイメージソース要素 <source>

メディアまたはイメージソース要素は、複数のメディアリソース(media resource)を表す。

具体的には、ピクチャー要素 <picture>、オーディオ埋め込み要素 <audio>、ビデオ埋め込み要素 <video>に対し、いくつかのメディアリソースを指定することができる。

公式サイト：HTML Standard - WHATWG#4.8.2 The source element

参考：<source>: メディアまたは画像のソース要素 - HTML: HyperText Markup Language | MDN

目次
  1. ソースコードの例
  2. メディアまたはイメージソース要素要素 <source>が持つコンテンツ属性
  3. KnotTextでのHTML要素の分類

1. ソースコードの例

<!DOCTYPE html>
<html>
   <head>
   </head>
   <body>
      <p></p>
   </body>
</html>
※見た目には何も表示されない

2. メディアまたはイメージソース要素要素 <source>が持つコンテンツ属性

参考：<source>: メディアまたは画像のソース要素 - HTML: HyperText Markup Language | MDN#属性

  • グローバル属性
  • type属性
  • src属性
  • srcset属性
  • sizes属性
  • media属性
  • width属性
  • height属性

3. KnotTextでのHTML要素の分類

参考：HTML elements reference - HTML | MDN

文書についての情報

見出しと文章

話題の区切りと文章の折返し

ソースコード

引用

言葉の定義

スタイリングのためのコンテナ

ブロックレベルのボックス

特殊なブロックレベルの構造（リスト形式）

特殊なブロックレベルの構造（テーブル形式）

特殊なブロックレベルの構造（フォーム形式）

特殊なブロックレベルの構造（インタラクティブ形式）

インラインレベルのテキスト

特殊なインラインレベルの構造（ルビ）

特殊なインラインレベルの構造（上付き・下付き）

特殊なインラインレベルの構造（左読み・右読み）

外部メディア

画像

スクリプト(Web API)

コメント