HTML <html>

HTML要素はドキュメント構造を表す要素です。HTML文書においてルート（最上位）要素となります。開始タグと終了タグで囲まれた範囲がHTML文書になります。

構文

HTMLでは、html要素の開始タグと終了タグは共に省略できる。タグ名は大文字と小文字を区別しない。

<!DOCTYPE html>
<HTML>
  <HEAD>
    <TITLE>HTML example</TITLE>
  </HEAD>
  <BODY>
    <P>HTML example</P>
  </BODY>
</HTML>

内容モデル（開始タグと終了タグの間に存在する子要素）はhead要素とbody要素である。

XHTMLでは、html要素の開始タグと終了タグは共に省略できない。タグ名は小文字で指定する。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>HTML example</title>
  </head>
  <body>
    <p>HTML example</p>
  </body>
</html>

属性

<html> タグには次の属性を指定できる。

amp

AMP (Accelerated Mobile Pages) のページに指定する。属性値は不要。

<html amp>

class

CSSのクラスを指定する。空白で区切って、複数のクラスを指定できる。

data-*

カスタムデータ属性を指定する。カスタムデータ属性とは、JavaScript から要素独自の属性を読み取るための仕組みである。

dir

テキストを記述する方向を指定する。

dir属性
値	値
ltr	左から右へ記述する (日本語や英語など)
rtl	右から左へ記述する (アラビア語など)
auto	ユーザーエージェントに決定させる

id

HTML文書内で一意な識別子を指定する。ただし、HTML文書内にhtml要素はひとつしか存在しないので、識別子が無くても特定できる。

<html id="root">

lang

この文書が何語で記述されているかを指定する。

lang属性
値	説明
ar	アラビア語
de	ドイツ語
en	英語
en-AU	英語（オーストラリア）
en-CA	英語（カナダ）
en-NZ	英語（ニュージーランド）
en-SG	英語（シンガポール）
en-UK	英語（イギリス）
en-US	英語（アメリカ）
es	スペイン語
fr	フランス語
fr-CA	フランス語（カナダ）
fr-FR	フランス語（フランス）
it	イタリア語
ja	日本語
ja-JP	日本語（日本）
ko	朝鮮語・韓国語
ko-KP	朝鮮語（北朝鮮）
ko-KR	韓国語（韓国）
pt	ポルトガル語
pt-BR	ポルトガル語（ブラジル）
pt-PT	ポルトガル語（ポルトガル）
ru	ロシア語
th	タイ語
th-TH	タイ語（タイ）
tr	トルコ語
vi	ベトナム語
zh	中国語
zh-cmn-Hans	中国語・普通話・簡体字
zh-cmn-Hans-CN	中国語・普通話・簡体字（中国大陸）
zh-cmn-Hant	中国語・普通話・繁体字
zh-cmn-Hant-TW	中国語・台湾華語・繁体字（台湾）
zh-yue-Hant	中国語・広東語・繁体字
zh-yue-Hant-HK	中国語・広東語・繁体字（香港）

<html lang="ja">

onclick

要素がクリックされたときに実行するJavaScriptを指定する。

ondblclick

要素がダブルクリックされたときに実行するJavaScriptを指定する。

prefix

OGP (Open Graph Protocol) を設定するには、HTMLタグのprefix属性を次のように指定する。

<html prefix="og: http://ogp.me/ns#">

OGPの詳細は、ヘッダ内にmetaタグで指定する。

style

CSSのプロパティを指定する。セミコロンで区切って、複数のプロパティを指定できる。

xmlns

(XHTML) XML名前空間のURIを指定する。XHTMLの名前空間は「http://www.w3.org/1999/xhtml」である。

<html xmlns="http://www.w3.org/1999/xhtml">

title

要素に関するアドバイザリー情報を指定する。

内容

html要素の中には head 要素と body 要素を入れることができる。

親要素

html要素はHTML文書におけるルート（最上位）要素であり、親要素は無い。

JavaScript

JavaScriptからはHTMLHtmlElementインタフェースを通じてhtml要素へアクセスできる。

HTMLHtmlElementインタフェースのプロパティ
プロパティ	型	説明
dataset	DOMStringMap	html要素のカスタムデータ属性（読取り専用）
dir	DOMString	html要素のdir属性
firstChild	Node	最初の子ノード（読取り専用）
id	DOMString	html要素のid属性
innerHTML	DOMString	要素内容のマークアップ
innerText	DOMString	ノードに描画されるテキスト
lang	DOMString	html要素のlang属性
lastChild	Node	最後の子ノード（読取り専用）
style	CSSStyleDeclaration	html要素のstyle属性

参考文献

Web Hypertext Application Technology Working Group (2021) "The elements of HTML" HTML Living Standard