HyperText Markup Language
| 拡張子 |
.html, .htm |
|---|---|
| MIMEタイプ |
text/html |
| タイプコード |
TEXT HTML |
| UTI | public.html |
| 開発者 |
W3C WHATWG |
| 種別 | マークアップ言語 |
| 派生元 | SGML |
| 拡張 | XHTML |
| 国際標準 | ISO/IEC 15445:2000 |
| HTML |
|---|
 |
| 表・話・[ 編]・[ 歴] |
HyperText Markup Language（ハイパーテキスト マークアップ ランゲージ、HTML（エイチティーエムエル））は、ハイパーテキストを記述するためのマークアップ言語の1つである。World Wide Web (WWW)において、ウェブページ（1990年代後半頃からはコンテンツという語も利用されている。「中身」という意味の語であり、大層な意味は無い）を表現するために用いられる。ハイパーリンクや画像等のマルチメディアを埋め込むハイパーテキストとしての機能、見出しや段落といったドキュメントの抽象構造、フォントや文字色の指定などの見た目の指定、などといった機能がある。
2012年7月以降[1]、WHATWG により仕様が作られ、それを元に W3C により勧告が行われるという流れになっている。W3C は、XML ベースの規格である XHTML の勧告も行っている。
Contents
特徴
HTMLは木構造（入子構造）のマークアップ言語であり、形式言語である。「プレーンテキストの文書を要素で括って意味付け」という一般的な説明[2]は間違いである。「『タグ』と『タグ』で括られたもの全体」が「要素」（element）であり、タグすなわち要素ではない。マークアップ言語としての特徴は、先祖であるSGMLや、兄弟のXMLと共通しているため、以下ではWWWというシステムにおける「ハイパーテキスト記述言語」としての側面についてのみ記述する。
HTMLの要素には、文書を表現するものとしてごく一般的なものである見出し（ヘッドライン、h1〜 ）、段落（パラグラフ、p ）、ハイパーテキストとして特徴的な「アンカー」（ a ）に関係するもの、画像など（ img など）の電子メディア的なもの、などがある。また文字色の指定などといった、意味ではなく直接見た目のみを指定するようなものは、近年ではスタイルシートなどに分離するべきとされているが、歴史的事情、及び、スタイルシートよりもこの、HTMLでの記述が簡便になる場合が度々あること[3]等から現在でもしばしば使われている。その他主要な要素は、HTMLの要素の記事で解説している。
形式言語として見た場合「構文規則」（あるいは文法）に相当する「スキーマ」は、HTML4まではDTDとして公開され要素ごとに記載することの出来る属性、内容に含むことの出来る要素などが定められていた。HTML 4.01 では厳密なもの[4]、HTML 3.2 からの移行過渡期のためのもの[5]、フレームを用いた文書のためのもの[6]といった3つのDTDが定義されていた。
HTML 3.2 では見た目を左右する要素や属性が追加されたがHTMLは本来文書構造を示すためだけにその存在意義があり、それらの要素は目的に反するものとされた。そのため視覚的・感覚的効果を定義する手段としてスタイルシート（一般にはその中のCSS）が考案された。見た目を左右する要素や属性の一部は HTML4 以降では非推奨とされており、HTML 4.01 Strict では定義されていないので使用できない。ただし HTML 4.01 Strict で定義され、非推奨とされない要素や属性の一部にも見た目を左右するものがある。装飾的な視覚表現のためにそれらの要素や属性を用いているのであればその内容に適する要素を用いた上で、スタイルシートで表現を指定するのが望ましい。
HTML文書
HTML で書かれた文書をHTML文書と言い、HTML では、まず文書型宣言を書く。文書型宣言が無いものは、HTML の規格に従っているとはいえない。HTML5 の文書型宣言は以下のようなものである。HTML4 までは Document Type Definition (DTD) によって定義される書式に沿って記述しなければならなく、DTD は文書型宣言（DOCTYPE 宣言）で宣言したバージョンのものが選択された。
<!DOCTYPE html>次にHTML文書の例を挙げる。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="author" href="mailto:mail@example.com">
<title lang="en">HyperText Markup Language - Wikipedia</title>
</head>
<body>
<article>
<h1 lang="en">HyperText Markup Language</h1>
<p>HTMLは、<a href="http://ja.wikipedia.org/wiki/SGML">SGML</a>
アプリケーションの一つで、ハイパーテキストを利用してワールド
ワイドウェブ上で情報を発信するために作られ、
ワールドワイドウェブの<strong>基幹的役割</strong>をなしている。
情報を発信するための文書構造を定義するために使われ、
ある程度機械が理解可能な言語で、
写真の埋め込みや、フォームの作成、
ハイパーテキストによるHTML間の連携が可能である。</p>
</article>
</body>
</html>このHTML文書は次のような構造を示している。
<!DOCTYPE html>:文書型宣言
このテキストがHTML5であることを示す。<html lang="ja">:html 要素。また、lang="ja"で、言語コード ja の言語が使われていることの明示。<head>:head 要素（この文書のヘッダ情報の明示）<meta:meta要素（文書のメタ情報）。ここでは、charset="UTF-8"で、文字コードが、「UTF-8」であることを示す。link要素（他のリソースとの関連を明示。この場合、作者の明示）<title lang="en">:title 要素（この文書のタイトル)の明示。また、この部分は en の言語が使われていることの明示。
<body>:body要素（この文書の内容の明示）<article>:article 要素（この要素が、記事であることを明示）
タグによって文字列を括ることによりその文字列の意味付けがなされる。ユーザエージェントはそれを解釈して、例えば GUI によるウェブブラウザであれば strong 要素で括られたテキストを太字として表示するなどする。また、スタイルシートを用いることで見た目などを指定することができるようになっている。
尚、テキストエディターで改行をしても、ウェブブラウザ上では br 要素がなければ改行はされない。
HTMLタグ
W3C勧告の HTML4.01 仕様書で、要素はタグではない[7]としている[8]。「タグ」とは、文字「<」で始まり、文字「>」で終わっている部分（マークアップ）のみを指し、「要素」（エレメント）は開始タグ～終了タグに囲まれた全体を指す概念である。 <br/> のように、開始タグと終了タグを兼ねる一つのタグのみで一つの要素を構成する場合もあるが、あくまでタグと要素の概念は別物である。
HTML形式の電子メール
脚注
- ↑ “HTML5仕様をめぐるW3CとWHATWGについて、Ian Hickson氏がメーリングリストに書いたこと”. Publickey (2012年7月24日). . 2017閲覧.
- ↑ ビレッジセンターHTML&SGML研究チーム 『正しいHTML4.0リファレンス&作法』 ビレッジセンター出版局、1998-03-20。ISBN 4-89436-111-6。
- ↑ 例えば、太字指定の「<b></b>」等
- ↑ 英: Strict
- ↑ 英: Transitional
- ↑ 英: Frameset
- ↑ 英: Elements are not tags.
- ↑ W3C "HTML 4.01 Specification" 3.2.1 Elements、1999年12月24日
関連項目
- Standard Generalized Markup Language - SGML。汎用マークアップ言語。
- Extensible HyperText Markup Language - XHTML。XMLで作ったHTML。
- Handheld Device Markup Language - HDML。携帯端末用のHTML。
- Accelerated Mobile Pages - AMP。Googleらによる、モバイル（携帯）端末でのウェブページの表示の高速化を目指すプロジェクト。HTMLのサブセットとなるAMP HTMLを規定している。
- Cascading Style Sheets - CSS。表示方法・音声化方法を定義する設定ファイル。
- ダイナミックHTML - ユーザの操作で内容が変化するHTML文書。
- ユーザビリティ - 利便性。
- アクセシビリティ - 環境に依存しないアクセス容易性。
- ウェブブラウザ - HTML文書を表示するシステム。
- HTMLレンダリングエンジン - HTML文書を表示・音声化・点字化するシステムの核。
- 文字参照 - 特殊な文字を表現する符号。
- Hypertext Transfer Protocol - 通信規約。
- Webオーサリングツール - ウェブ文書を視覚的に作成するシステム。
- Another HTML-lint - HTML文書を検証するソフトウェア。
外部リンク
- （英語） W3Cの最新のHTML仕様
- （英語） WHATWGの最新のHTML仕様
- （英語） W3C Markup Validation Service - W3Cによる構文チェック
- （日本語） ごく簡単なHTMLの説明