「見出し」の秘密

（※↑この部分が<h1>でsection-1）

ここでは、「見出し」と称してwikiで出力されるHTMLタグについて、
少しだけ語ります。

[出力されるタグの意味]
[見出しのタグの順]
[リンクのネーム属性の出力]
[ページの位置を指定してのリンク]

出力されるタグの意味

（※↑この部分が<h2>でsection-2）

まずこの「見出し１～５」と称してwikiでの表記で出力されるHTMLタグは、
<h1><h2><h3><h4><h5>の５種類があります。

そしてそのタグの意味は、「見出し」です。

その中でも「見出し１」と称して出力される
h1要素は、実は一番最上位を意味し、
構造的なウェブページを構築する場合、
結果、
たった一つということになりますね。

既に文法的に破綻しているwikiでの表記（読まなくていいですよ、笑）

文法的にいうと、p要素に内包される、ブロック要素ということで、wiki表記はすでに破綻しています。
又、ブログでは、複数記事を、同一ページに出力する場合は、いくら記事内で一回しか使っていなくても
結果、複数のH1要素が存在することになってしまいます。

上記なような矛盾もでてきますが、
本来的な意味にできるだけ忠実にコーティングしようとすれば、
ページ内ではこのh1要素は一回きりの使用となります。

他の<h2><h3><h4><h5>は複数出てもおかしくはないという事です。

見出しのタグの順

（※↑この部分が<h2>でsection-3）

これも<h2>の後は<h3>というように順に出現させます。

※<h5>までを使いきり、１ページだけで表現するような内容のある文章は稀で、大抵<h3>ぐらいまででこと足りてしまいます。

<h1>
- <h2>
  - <h3>
  - <h3>
  - <h3>
- <h2>
  - <h3>
  - <h3>
  - <h3>
- <h2>
  - <h3>
  - <h3>
  - <h3>

ページ内では、こんな構造になりますね。

リンクのネーム属性の出力(wikiでの表記Level2)

（※↑この部分が<h2>でsection-4）

「見出し」としてwikiでの表記で出力される
<h1>など以外に実は、a要素とname属性が空の内容で出力されます。

wikiでの表記

= 見出しテキスト１ =
○○○○○○○○○
○○○○○○○○○
== 見出しテキスト２ ==
○○○○○○○○○
○○○○○○○○○
== 見出しテキスト３ ==
○○○○○○○○○
○○○○○○○○○
== 見出しテキスト４ ==
○○○○○○○○○
○○○○○○○○○

実際に出力されているHTMLのソース(一部わかりやすいようにしています)

<H1><a name='section-1'></a>見出しテキスト１</H1>
○○○○○○○○○
○○○○○○○○○
<H2><a name='section-2'></a>見出しテキスト２</H2>
○○○○○○○○○
○○○○○○○○○
<H2><a name='section-3'></a>見出しテキスト３</H2>
○○○○○○○○○
○○○○○○○○○
<H2><a name='section-4'></a>見出しテキスト４</H2>
○○○○○○○○○
○○○○○○○○○

これは、<h1><h2><h3><h4><h5>の種類にかかわらず、出現する順（見た目は上から下の順）につけられています。
ですから、例えば上から２つ目に見出しに位置に移動させたければ、#section-2などとしてＵＲＬに含めページ内の位置を指定して、移動させることができます。

ＵＲＬを表示してのリンクの場合(wikiでの表記Level１)

[http://○○○○.○○○○○.○○.○○/○○○○○#section-2]

では、実際に「wikiでの表記２」のページの見出し「テキストリンク」にリンクしてみます。

http://blogs.yahoo.co.jp/cen_picture21/380750.html#section-7

テキストでリンクの場合(wikiでの表記Level２)

[http://○○○○.○○○○○.○○.○○/○○○○○#section-2 リンクテキスト]

では、実際に「wikiでの表記２」のページの見出し「テキストリンク」にリンクしてみます。

wikiでの表記２「テキストリンク」

ホームページ制作、千太の絵空事

全体表示