前のページ 1/4 次のページ

HTML要素(HTMLようそ、英: HTML element)は、HTMLでマークアップした文書を構成するものである。HTML文書は、複数のHTML要素が入れ子になって構成されている。

◆ 要素の構成

例)

要素(element)は、開始タグ (Start-tag)・内容 (Content)・終了タグ (End-tag) の3つから構成される開始タグ・終了タグをあわせてHTMLタグ(もしくはタグ)と呼ぶこともあるが仕様で定められた表現ではない。。要素は<と>で囲まれる開始タグで始まり、と>で囲まれる終了タグで終わる。また、開始タグと終了タグではさまれた部分が内容となる。また、開始タグは属性(attribute)と属性値(value)を取ることができる。

要素とタグはこのような関係にあるため、明確に区別する必要がある。

また、XMLでは、開始タグや終了タグとは別に、空要素のための空要素タグ(Empty-Element Tags)が規程されている。空要素タグは<と/>で囲まれ、内容を持たない。

◇ SGMLとXMLとの違い

HTMLはSGMLアプリケーションであるHTMLとXMLアプリケーションであるXHTMLに大別される。この違いによる相違は以下のようになる。

  タグの省略

   HTML

SGML宣言でSHORTTAG YESと宣言されているSGMLアプリケーションは省略タグ機構に則って開始タグや終了タグの省略が可能である。HTML 4.01などの大半のHTMLはSHORTTAG YESと宣言されているので、DTDで省略可能とされているタグHTML 4.01では、body要素やli要素などがそれに該当するを省略することができる。ただし、省略タグ機構に則る必要があるため、いかなる場合でも省略可能というわけではない例えば、タグを省略した場合にでも、どの箇所でどのタグを省略したのかを一意に特定できる必要がある。。

   XHTML

XMLはタグの省略は不可能である。そのため、XMLアプリケーションであるXHTMLでは空要素を表現する場合、次のうちどちらかを用いる必要がある。

・ 空要素タグを使い「<要素名 />」や「<要素名/>」を使う。

・ 開始タグの直後に終了タグを記述する(「<要素名>」)。

なお、古いユーザエージェントのためには、前者のうち「/>」の前にスペースを入れる記述が推奨されている[外部リンク] XHTML 1.0 The Extensible HyperText Markup LanguageHTML C. Compatibility Guidelines。

  属性の省略

   HTML

SGML宣言でSHORTTAG YESと宣言されているSGMLアプリケーションは属性に関して次のような省略が可能である。なお、HTML 4.01などの大半のHTMLはSHORTTAG YESと宣言されている。

・ 属性値がname tokenSGML宣言のNAMING LCNMCHARとNAMING UCNMCHARにある文字とアルファベットから構成される文字列。となる場合に属性値を括る引用符が省略可能。

・ 属性名が択一式である場合に属性名が省略可能。

   XHTML

XHTMLでは、HTMLで許されていた属性に関する省略は不可能である。これはXMLの特徴に因る。

◆ HTML要素一覧

◇ 基本的な構造を表す要素

; html

: HTML文書のルート要素(document root element)。

; head

: HTML文書のヘッダ部分(document head)を指定する要素。HTML文書自身に関する情報(例:タイトルやスタイルシートに関する情報など)を指定できる。

; body

: HTML文書の本体部分(document body)を指定する要素。

HTML文書は、ヘッダ部分と本体部分の2つに分けることができる。2007年11月現在で有効なスキーマでは、ルート要素であるhtml要素の直下にはhead要素、body要素をこの順で1つずつだけ取ることができる。

HTML文書は次のような構造となる。

head要素以下に取ることができる要素群。

HTML文書自身に関する情報(title要素など)からなる。

body要素以下に取ることができる要素群。

HTML文書の本文となる情報を記述する。

◇ ヘッダ内に記述可能な要素

; title

: タイトル (document title) を指定する。主なウェブブラウザ実装系では、タイトルバーに表示される。例えば、このページのタイトルは "HTML要素 - Wikipedia" である。

: HTML文書で唯一必須かつ省略のできない要素。

; base

: 相対パスの基準URL (document base URI) をhref属性で指定する。

  ヘッダ内で複数記述できる要素 (repeatable head elements)

; link

: 自分自身とhref属性で指定したファイルとの関係をrel属性で定義する。

: rel属性はHTML4.01で有効なものには alternate, stylesheet, start, next, prev, contents, index, glossary, copyright, chapter, section, subsection, appendix, help, bookmarkがあり、他に使われるものとして、shortcut iconがある。

; meta

: 文書の情報 (generic metainformation) を定義する。

; object

: 埋め込みオブジェクト (generic embedded object) であることを示す。大抵の場合はインライン要素として使用する。data属性にURI、type属性にMIMEタイプ(image/gif等)を指定することでFLASHや音楽など様々な種類のオブジェクトを出力する事ができる。

: 内容には代替(オブジェクト要素も可)を記述する。例えば一番外からオブジェクト要素(FLASH)、オブジェクト要素(画像)、説明文、のように入れ子にするとFLASHの利用できない環境では画像が、FLASHと画像の利用できない環境では説明文が出力される。これはimg要素等のalt属性と比べると高性能な代替システムであるが、これに対応しないウェブブラウザも少なくない。

; param

: プロパティ値の設定(named property value)を行う。object要素で使用するメディアに対しての初期値を設定するために使用する。

: 内容は空で終了タグは存在しない。

; style

: スタイル情報(style info)を記述する。

: type属性の記述が必要(text/css等)。

; script

: スクリプト(script statements)を記述する。

: type属性(text/javascriptなど)とmeta要素でスクリプトタイプの宣言が必要。

◇ 文書の更新情報を示す要素

; ins

: 追加された文書(inserted text)であることを示す。

: datetime属性に追加日時を記載できる。

; del

: 削除された文書(deleted text)であることを示す。

: datetime属性に削除日時を記載できる。

◇ ブロックレベル要素

前のページ 1/4 次のページ

・HTML要素 page1

・HTML要素 page2

・HTML要素 page3

・HTML要素 page4