グローバル属性グローバル属性グローバル属性とはすべてのHTML要素に共通で指定することができる属性です。data-*属性lang属性lang属性は、要素の内容とテキストが含まれている属性の言語を指定します。日本語:ja、英語:en)、または空の文字列で指定します。空の文字列を指定することは、主言語が不明であることを表します。charset="UTF-8"><title></title></head><body></body></html>title属性title属性は、指定した要素のツールチップで補足情報を表します。リンクでは、タイトルやリンク先の情報など、画像では、画像の著作権表示や画像の説明など、段落では、テキストの脚注や解説など、引用では、ソースに関する詳細情報など、インタラクティブなコンテンツでは、要素の用途に対するラベル(分類)や指示など要素に追加情報を持たせることができます。title="リンゴの説明">Apple</h2>また、title属性が省略されている場合は、title属性が設定されている最も近い祖先の要素に関連していることを意味します。要素にtitle属性を指定すると、祖先の要素が持つtitle属性の情報は上書きされ、指定した要素に関連していないことを明示的に示します。空の文字列に属性を設定することで、要素には補助情報を持っていないことを表し、祖先の要素からの補足情報を引き継ぐことができます。character)を含めるとツールチップの内容を改行することができます。today.ただし、title属性の値の改行コードの使用には注意が必要で、例えば上記の例では、HTTPという略語の本来の名称を定義していますが、改行を含む名称が本来の名称として定義されていることになります。link、abbr、input要素など、いくつかの要素には、title属性に対して、前述のセマンティクスの他にも以下の追加のセマンティクスが定義されます。マウスのようなポインティングデバイスを必要とするtitle属性の仕様のツールチップをサポートしていないキーボードのみ、あるいはタッチタイプのみの携帯電話、スマートホン、タブレットなどのユーザエージェントも多く、現在では推奨されていません。id属性id属性は、htmlの要素に一意(固有)識別子(id名)を指定します。値となるid名は、id名を用いてドキュメントの特定部分へのリンクしたり、特定の要素へのスタイル付けに使うことができます。値となる名前の形式に制限はなく、id名は数字のみや句読点のみで構成することができ、数字やアンダースコアで始めることもできます。値は、同じドキュメント内の要素で、同じ値(名前)をつけることはできず、少なくとも1つの文字を含む必要があり、値は空白文字を含むことはできません。id名はあくまで文字列であり特定の意味を導き出すことは望ましくありません。id="main">内容</div>class属性class属性はHTMLの要素にclass名(クラス名)を指定し、複数の要素へのスタイル付けに使うことができます。クラス名は半角空白文字(半角スペース)で区切り複数を指定でき、半角スペースで区切られたクラス名に重複があった場合は1つが適用され、それ以外は無視されます。class="ex_1">アンダーライン</p>上記のHTMLドキュメントまた、class属性の値の文字列には制約はありませんが、クラス名はスタイルの目的ではなく、コンテンツの性質を表す名前にすることが推奨されています。←スタイルの目的で付けたクラス名は好ましくない。←コンテンツの性質である「例」の英単語(Example)などを付けるほうが好ましい。style属性style属性は要素にスタイルシートを指定します。値はCSSで記述したスタイルです。blue.なお、style属性を指定する要素の内容は、style属性がなかったとしても理解でき、使用可能でなければなりません。コンテンツを非表示にするため、あるいは、ドキュメントに無い意味を伝えるためにstyle属性を使用することはHTML5の仕様に準拠しません。コンテンツの非表示はhidden属性を使います。dir属性dir属性は要素のテキストの表示を開始する方向を指定し、主に左から右へテキストを書く日本語や英語などの言語と右から左へテキストを書くアラビア語などの言語のコンテンツが混在している場合などに使用します。値は以下のキーワードです。ltr左から右方向のテキストであることを示します。right)rtl右から左方向のテキストであることを示します。left)autoltr、rtlどちらか判断できない場合に指定します。ltr、rtlの判定は(強い方向性を持つ最初の文字を見るに過ぎないなど)大雑把なので、ページのドキュメントの作成者はどちらの方向で書くのか本当に判断ができない場合のみautoの値を使うことが推奨されています。38.0前述のように、autoの値は大雑把であり、ブラウザなどユーザー・エージェントによってもltr、rtlの解釈が異なります。38.0でレンダリングした結果のキャプチャです。2番目の段落はアラビア文字のみなのでrtl、4番目の段落は英文字から始まっているのでltr、最後の段落はアラビア文字で始まっているためrtlと判定されています。10ではこんな感じです。テキストの方向を示すためにCSSを使用するよりもdir属性を使用するように強く推奨されています。内容<div><p>おえういあ</p><p>こけくきか</p><p>そせすしさ</p><p>とてつちた</p></div>上記のHTMLドキュメント上記は右から左へ読むことを想定しテキストを逆に記述した例です。この例でスタイルシート(div要素の内容の右寄せ)が適用されなかった場合、何がかかれているのかよく分からなくなってしまいます。dir="rtl"><p>おえういあ</p><p>こけくきか</p><p>そせすしさ</p><p>とてつちた</p></div>上記のHTMLドキュメントtranslate属性translate属性は、指定した要素の内容のテキストをブラウザの翻訳機能などtranslate属性をサポートしている翻訳ソフトやサービス、拡張機能などで翻訳するかどうかを指定します。値は空文字、yes、noのキーワードです。空文字とyesは指定した要素の内容が翻訳の対象であることを表し、noは翻訳の対象でないことを表します。honey!</span></p></div></body></html>上記のHTMLドキュメント※translate属性の指定の無い場合のソースも記述してあります。翻訳などブラウザの翻訳拡張機能でどのように表示されるかお試し頂ければと思います。カスタムデータ属性(data-*属性)カスタムデータ属性は、名前空間を持たない「data-」で始まる属性で、ハイフンの後少なくとも小文字のASCII文字を1文字を持ちます。値は任意のテキストです。この属性は、適切な属性や要素がない場合にページやアプリケーションに、独自のデータを格納することを意図しています。複数指定することができます。