サーチ…


前書き

すべてのHTMLタグが同じ構造であるわけではありません。ほとんどの要素は開始タグ、終了タグ、および内容を必要としますが、void要素と呼ばれる要素には要素が含まれていないので、開始タグのみが必要です。このトピックでは、HTMLでvoid要素を適切に使用する方法について説明します

備考

void要素は内容を持つことはできませんが、属性を持つことがあります。 void要素は自己クローズであるため、閉じタグを持たないようにしてください。

HTML5では、次の要素は無効です:

  • area
  • base
  • br
  • col
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source
  • track
  • wbr

空の要素

HTML 4.01 / XHTML 1.0 Strictには、以下のvoid要素が含まれています。

  • area - クリック可能な定義済みの画像領域
  • base - すべてのリンクベースからのベースURLを指定します。
  • br - 改行
  • col - テーブルのカラム[非推奨]
  • hr - 水平ルール(ライン)
  • img - イメージ
  • ユーザがデータをinputフィールド
  • link - 外部リソースをドキュメントにリンクする
  • meta - ドキュメントに関する情報を提供する
  • param - プラグインのパラメータを定義する

HTML 5標準には、前のリストの廃止されていないタグがすべて含まれています。

  • command - ユーザが[obsolete]を呼び出すことができるコマンドを表します。
  • keygen - Web証明書の公開鍵生成を容易にする[非推奨]
  • source - pictureaudio 、およびvideo要素のメディアソースを指定します。

以下の例はvoid要素を含みませ

<div>
    <a href="http://stackoverflow.com/">
        <h3>Click here to visit <i>Stack Overflow!</i></h3>
    </a>
    <button onclick="alert('Hello!');">Say Hello!</button>
    <p>My favorite language is <b>HTML</b>. Here are my others:</p>
    <ol>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>PHP</li>
    </ol>
</div>

すべての要素が開始タグ、終了タグ、および開始タグと終了タグ内のテキストまたはその他の要素をどのように持つかに注目してください。ただし、以下の例では無効タグが示されています。

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png" />
<br>
<hr>
<input type="number" placeholder="Enter your favorite number">

imgタグを除いて、これらのvoid要素はすべて、開始タグのみを持ちます。 imgタグは、他のタグとは異なり、開始タグのより大きい符号の前に自己閉じ/があります。スラッシュの前にスペースを入れるのがベストプラクティスです。



Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow