サイトマップ

トップページ

id属性（最終修正日:2007-03-06）

HTML / XHTML概要

HTML / XHTML入門

チュートリアル

id属性

イベント関連属性

accesskey属性

onfocus, onblur属性

HTML / XHTML Tips

エンティティ文字

リードメール

id属性

id属性を使用すると、要素にID（ラベル）を指定することができます。

IDを指定しておくと、後からリンクの参照先として使用したり、CSSを適用するためのラベル（class属性と同等の機能）とすることができます。

ID（ラベル）として、識別させるため、1つのページの中で他の要素に指定するid属性の値とダブってはいけません。

次の例は、<h1>と<h2>にid属性を指定し、<a>タグを使用して、ページ内でリンクをしています。ページ内でid属性を指定した任意の場所にジャンプさせることができます。



<html>


    <head>


        <title>id属性の例</title>


    </head>


    <body>


        <h1 id="headline1">見出し1</h1>


        <p><a href="#headline2">見出し2へ</a>


        </p>


        <p>段落


        </p>


        <p>段落


        </p>


        ・・・


        ・・・


        <p>段落


        </p>


        <h2 id="headline2">見出し2</h2>


        <p><a href="#headline1">見出し1へ</a>


        </p>


        <p>段落


        </p>


    </body>


</html>

このページの先頭

Copyleft

copyLeft

2009 W-D-L.NET

サイト管理者に連絡