HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5で外部（非HTML）アプリケーションのコンテナを追加する方法

HTMLでは、<embed>タグを使用することで、外部（非HTML）アプリケーションやインタラクティブなコンテンツのためのコンテナを定義できます。このタグは、音声・動画ファイル、PDFドキュメントなど、ブラウザがプラグインやネイティブ機能を通じて処理できるさまざまな外部リソースをWebページに埋め込む際に活用されます。

embedタグで使用できる主な属性

HTMLの<embed>タグは、以下の属性をサポートしています。

属性値説明
heightpixels埋め込むコンテンツの高さを指定します。
srcURLソースファイル（外部リソース）のアドレスを指定します。
typeMIME_type埋め込むコンテンツのMIMEタイプを指定します。
widthpixels埋め込むコンテンツの幅を指定します。

使用例

次のコードを実行すると、HTML5で外部アプリケーション用のコンテナをページに追加できます。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Embed Tag</title>
   </head>
   <body>
      <embed src = "/html/yourfile.mid" width = "300" height = "150" />
   </body>
</html>

この例では、MIDIファイル「yourfile.mid」を幅300ピクセル、高さ150ピクセルの領域に埋め込んでいます。src属性でファイルの場所を指定し、width属性とheight属性で表示サイズを制御します。必要に応じてtype属性でMIMEタイプを明示的に指定すると、ブラウザがコンテンツをより正確に判別できるようになります。

  1. HTMLでテキスト入力にスペルチェッカーを追加する方法

    HTMLでスペルチェッカーを追加するには、spellcheck 属性を使用します。この属性を指定すると、input 要素、textarea 要素、さらに contenteditable 属性を持つ編集可能な要素内のテキストに対して、スペルと文法のチェックが行われます。 spellcheck 属性の基本 spellcheck 属性には次の2つの値を指定できます。 true — スペルチェックを有効にする false — スペルチェックを無効にする 注意： この属性は input 要素に対して機能しますが、パスワード入力欄（type=password）には適用されません。 サンプルコード 以下

  2. HTMLのinput要素の幅を文字数で指定する方法【size属性の使い方】

    HTMLの<input>要素の幅を文字数を基準に指定したい場合は、size属性を使用します。size属性に数値を設定すると、その数値分の平均的な文字が表示できる幅が確保されます。 size属性の基本構文 <input type=text name=sub size=10> 上記のように記述すると、半角文字約10文字分の幅を持つテキストボックスが表示されます。size属性を省略した場合の既定値は「20」です。 使用例 次の例では、size属性とmaxlength属性を組み合わせて、表示幅と入力可能な最大文字数を同時に指定しています。 <!DOCTYPE html