次に、標準 atx スタイル ヘッダーの例を示します。
Atx スタイルの上半期です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
atx スタイルの H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
Atx スタイルの H6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
次に、AXX 形式のクローズド ヘッダーの例を示します。
これはクローズド Atx スタイルの上半期です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
これは atx スタイルのクローズド H2 です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
これはクローズド AX スタイルの H6 です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
setext スタイルのヘッダーの例を次に示します。
これは setext スタイルの H1 です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
これは setext スタイルの H1 でもあります
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
これは setext スタイルの下半期です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
こちらも setext スタイルの H2 です
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vel pretium lectus quam id leo in. Convallis Tellus id interdum velit laoreet iddonec.
ヘッダー ID の例を次に示します。
自動生成された ID
DevSite の Markdown コンパイラは、ヘッダーごとに HTML id 属性を自動的に生成します。このヘッダーの自動生成 ID は automatically_generated_ids です。
固有の ID を指定する
デフォルトの id をオーバーライドするために、Markdown ヘッダーの末尾にカスタム属性を追加します。このセクションのヘッダー ID は specify-id です。
ヘッダー内の Unicode 文字 🥳?
ID をより詳細に指定できるように、ヘッダーに Unicode を追加することもできます。このヘッダーの自動生成 ID は unicode_characters_in_headers_🥳 です。
このヘッダーは目次には表示されません。
このヘッダーが TOC に表示されないのは、カスタム属性 {:.hide-from-toc} を指定しているためです。