Apr. 16th,2015
＃
要素について
| カテゴリー | なし |
| 利用場所 | 文書のルート要素として |
| 内容 | 1個の“head”要素とそれに続く1個の“body”要素 |
| タグの省略 | 最初の内容がコメントでなければ開始タグを省略可能 |
| 直後に続くのがコメントでなければ終了タグを省略可能 |
“html”要素はHTML文書のルート(“Root”、“根”)を表す要素です。ルート要素はすべての要素の基点となる要素で、他のすべての要素はすべて“html”要素の中に子要素や子孫要素として配置されます。
“html”要素はDOCTYPE宣言の後に配置します。
グローバル属性の“lang”属性で文書が記述されている言語を示すことが推奨されます。これは音声ブラウザや翻訳機能などが正しく文書を読み取るのを助けます。また、CSSによる文書のレイアウトも言語に適したものになる場合があります。
サンプルコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index, follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
<h1>黄色いフルーツバナナ</h1>
<p>バナナについての解説。</p>
<h2>バナナの特徴</h2>
<p>
「バナナ」はバショウ科バショウ属の多年草及びその果実のことである。
</p>
<h3>バナナの木</h3>
<p>
バナナは「バナナの木」と呼ばれるように高さが数メートルまで成長するが草本に分類される。高く伸びる茎のような部分は葉鞘が幾重にも重なりあっているものであり、本当の茎は地中にある。
</p>
<h3>バナナの果実</h3>
<p>
バナナの果実は一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。
</p>
...
</body>
</html>
＃
属性と値
| 属性 | 値 | ||
|---|---|---|---|
| 属性 | 説明 | 値 | 説明 |
| 必須属性 | |||
| なし | |||
| 任意属性 | |||
| グローバル属性 | |||
過去に定義されていた属性
| 属性 | 値 | ||
|---|---|---|---|
| 属性 | 説明 | 値 | 説明 |
version="" |
文書のDTDのバージョン | DTDのバージョン | DTDのバージョン |
| manifest="" |
ウェブアプリのキャッシュマニフェスト | URL | キャッシュマニフェストファイルのURL |
＃
仕様書
“html”要素はHTML2.0から定義されている要素です。現行の仕様であるHTML Living Standardでも定義されています。
DOMインターフェース
[Exposed=Window]
interface HTMLHtmlElement : HTMLElement {
[HTMLConstructor] constructor();
// also has obsolete members
};
UAスタイルシート
@namespace url(http://www.w3.org/1999/xhtml);
html {
display: block;
}
