フロントエンドこの記事は2016年12月4日に書かれたものです。情報が古い可能性がありますのでご注意ください。次のようにサイトマップのツリー構造を表現する際、これまでずっとラインの画像をリストの背景として設定し、表現してきました。表現できるようになり、様々な場面で画像を使わなくなりました。できるんじゃないかと思い、やってみました。以下のように順不同リストで記述しています。要素については縦線の長さを調節しました。ファンクションを使ってどんなフォントサイズでの表示にも対応できるようにしています。以下のコードは、リストマークや要素の余白などは予めリセットしてあることが前提です。書き替えるのみで対応できます。設定で白黒反転していてもわかりやすいサイトマップになります。コメントをキャンセルコメント名前(ニックネーム可)(必須)メールアドレス(公開されません)(必須)次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。