styleDoccoを使用してスタイルシートの仕様書を作成すると右上に見出しのアンカーリンクの一覧が自動作成されるが見出しが日本語の場合はアンカーリンク名が付かない。
StyleDocco日本語見出し アンカーリンクが付かないサンプル
対処法
対処法としてHTMLコメントを挿入する方法がある。例えばMarkdown記法で#メインコンテンツの見出しのあとに<!-- main -->を付ける。
サンプルコード
/*
#サブコンテンツ <!-- sub -->
*/
.sub-content {
float: left;
width: 300px;
}
/*
#メインコンテンツ <!-- main -->
*/
.main-content {
float: right;
width: 600px;
}
こうすることでアンカーリンクが#-main-になりページ内の遷移が可能になる。
StyleDocco日本語見出し HTMLコメントを挿入してアンカーリンクが付いたサンプル
