2007年2月08日

map要素

Posted by @Style : Entry 01:25 | Comment コメント (0) | Trackbacks トラックバック (0) 「map要素:Webmaster@Style」をはてなブックマークに追加 「map要素:Webmaster@Style」をdel.icio.usに追加 「map要素:Webmaster@Style」にTwitterでコメントする

map要素は複数のリンクをグループ化してナビゲーションの読み飛ばしに利用することができる。

ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 HTML技術書[外部へのリンク]:6.2 リンクのグループ化とそれを読み飛ばす仕組[外部へのリンク]

【例】
この例では、MAP要素によってリンクをグループ化し、title属性によってそれがナビゲーション・バーであることを示しています。そして、グループ化したリンクの中の最初のリンクは、グループの後にあるアンカーへと移動するようになっています。また、各リンクは、リンクしていない印刷可能な(両端をスペースで囲った)文字で区切られていることに注意してください。 （【訳注】MAP要素には、HTML4.01の場合はname属性を、XHTML1.0の場合はid属性を必ず指定する必要がありますので注意してください。）

<BODY>     
     <MAP title="ナビゲーション・バー">    
       <P>
       [<A href="#how">ナビゲーション・バーを読み飛ばす</A>]
       [<A href="home.html">ホーム</A>]
       [<A href="search.html">検索</A>]
       [<A href="new.html">更新情報</A>]
       [<A href="sitemap.html">サイトマップ</A>]
       </P>
     </MAP>     
     <H1><A name="how">このサイトの使い方</A></H1>
   <!-- このページのコンテンツ -->     
   </BODY>

DTD

<!ELEMENT map ((%block; | form | %misc;)+ | area+)>
<!ATTLIST map
  %i18n;
  %events;
  id          ID             #REQUIRED
  class       CDATA          #IMPLIED
  style       %StyleSheet;   #IMPLIED
  title       %Text;         #IMPLIED
  name        NMTOKEN        #IMPLIED
  >

元々イメージマップのために定義された要素型であるため解説しているサイトも少ない。アクセシビリティアップを目指してmap要素を有効に利用しよう。

タグ:

Movable Type 5用テーマ

Movable Type 4.2用テンプレート

前のエントリー：headingもテキストで
次のエントリー：xml:lang属性

関連記事

トラックバック

このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/625

コメント

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

スポンサード　リンク

ページ先頭へ

Tags

Archives

Twitter

follow me!

共同執筆書籍

  • Movable Type プロフェッショナル・スタイル MT4.1対応
  • Movable Type 5実践テクニック

Search



Recommend

  • ピクトグラムの利用と普及を考える会
  • I heart Validator

Feed

Syndicate this site (RDF) Syndicate this site (XML)
Syndicate this site (ATOM)
Add to Google

Licenses

クリエイティブ・コモンズ・ライセンス
This weblog is licensed under a Creative Commons License.