• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:html5 sectionタグのアウトライン)

HTML5のsectionタグを使用した段階的なアウトライン表示方法

このQ&Aのポイント
  • HTML5のsectionタグを使用することで、ワードのアウトラインのような段階的な表示が可能です。
  • ただし、単純にsectionタグを連続して書くだけでは、段階的な表示はできません。
  • 段階的な表示を実現するには、CSSを使用してスタイルを指定する必要があります。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

別にHTML5にこだわらず、階層表示は簡単ですが??? text風に表現すると・・ section{margin-left:2em;} これだけで、 section section  subsection   subsubsection section  subsection となりますけど・・・  ついでに4.3.5 カウンタ(Counters) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/syndata.html#counter )を使って、章,項,小項でナンバーを振ると良いですね。

ShiftTail
質問者

お礼

情報ありがとうございます。 section{margin-left:2em;} 早速試させていただいたところできました。 情報ありがとうございました。