id属性とは

id属性は、要素に固有の名前を指定する属性です。主にページ内の別の場所にリンクする際や、CSSでレイアウトを行なう際などに使用します。属性値は任意の文字列を指定し、同一ページ内に同じid名のid属性があってはいけません。なお、id名にスペースを含むことは出来ません。
(HTML5までのid名に指定できる文字は、半角英数字と、「-(ハイフン)」、「_(アンダースコア)」で、先頭に数字を使うことはできません。)

属性値
任意の文字列(空白禁止)
(HTML5までは、半角英数字とハイフン(-)、アンダーバー(_)で、先頭に数字を使うことはできない。)
利用できるバージョン(HTML4.01以降)
全てのバージョン
HTML5より前のバージョンで指定できる要素
<base>、<head>、<html>、<meta>、<script>、<style>、<title> 以外の要素
対応ブラウザ
  • Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari

id属性を使ったサンプル

基本的なid属性の使用例

基本的なid属性の例
<p id="apple">りんご</p>
#apple {
  color: #c00;
}
ブラウザでの表示例

RERUN

仕様

HTML5.1
3.2.5.1. The id attribute
HTML5
3.2.5.1 The id attribute
HTML4.01
7.5.2 Element identifiers: the id and class attributes

関連する属性

関連するレッスン