typemustmatch属性

object要素のtypemustmatch属性は、data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが一致した時だけ、コンテンツを埋め込むかどうかを指定する属性。

ブラウザ対応

構文

<object data="URL" type="MIMEタイプ" typemustmatch>代替コンテンツ</object>

object要素のtypemustmatch属性は、論理属性である。

typemustmatch属性が存在すると、data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが一致した時だけ、コンテンツを埋め込む。一致しなければ、「代替コンテンツ」を表示する。

サンプルコード

Flash

<object data="sample.swf" type="application/x-shockwave-flash" typemustmatch>代替コンテンツ</object>

PDF

<object data="sample.pdf" type="application/pdf" typemustmatch>代替コンテンツ</object>

画像(PNG)

<object data="sample.png" type="image/png" typemustmatch>代替コンテンツ</object>

サンプル

HTMLソースコード

<p>data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが<b>一致</b></p>
<p>typemustmatch属性<b>なし</b>: <object data="sample-embed.swf" type="application/x-shockwave-flash" width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>typemustmatch属性<b>あり</b>: <object data="sample-embed.swf" type="application/x-shockwave-flash" typemustmatch width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>
<hr>
<p>data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが<b>不一致</b></p>
<p>typemustmatch属性<b>なし</b>: <object data="sample-embed.swf" type="application/pdf" width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>
<p>typemustmatch属性<b>あり</b>: <object data="sample-embed.swf" type="application/pdf" typemustmatch width="160" height="160" style="vertical-align: middle;">代替コンテンツ。</object></p>

実際の表示

data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが一致

typemustmatch属性なし代替コンテンツ。

typemustmatch属性あり代替コンテンツ。


data属性に指定したコンテンツのContent-Typeと、type属性に指定したMIMEタイプが不一致

typemustmatch属性なし代替コンテンツ。

typemustmatch属性あり代替コンテンツ。