DOM 構造リファレンス

DOM 構造とは

DOM 構造は、HTML の要素のツリー構造を表します。
スタイルシートを使ったカスタマイズではこの構造を理解する必要があります。

DOM 構造は、サービスの改良のため、将来のバージョンで変更される場合があります。

共通

動作に合わせて次のクラスが使われています。

• highlighted 選択されている要素を表す
• hover マウスポインタが載っている要素を表す
• poplink_invisible 表示しない要素を表す

PC向け

pcia

<div class="poplink pcia"> <!-- デバイスタイプ名と同じクラス名が入る -->
  <div.class="poplink_suggest">
    <div class="word"> <!-- 繰り返し -->
    </div>
  </div>
  <div class="poplink_search">
    <!-- 省略 -->
  </div>
  <div class="poplink_recommend">
    <!-- 省略 -->
  </div>
</div>

クラス poplink_search, poplink_recommend の div 要素は、CSS によって表示されないように設定されています。

※ コメントは挿入されません。

スマートフォン向け

spia

<div class="poplink spia">
  <div class="poplink_suggest">
    <div class="word"> <!-- 繰り返し -->
    </div>
  </div>
  <div class="poplink_search">
    <!-- 省略 -->
  </div>
  <div class="poplink_recommend poplink_invisible">
    <!-- 省略 -->
  </div>
  <div class="close_button"><img /></div>
</div>

クラス poplink_search, poplink_recommend の div 要素は、CSS によって表示されないように設定されています。

※ コメントは挿入されません。