フロントページエクスプレス

質問

編集しようと思いましてフロントページエクスプレスの使い方を新たに検索から見つけたのですがもう一つ解らないことがあります。　ページ途中へのリンクの事なのですが説明に　その他　#linkとありそれでリンクを張ると確かに
下のページになります。　もう一つ下にリンクしようとこんどは、#link2といれましたがダメでした。
わかりやすく教えて下さい。

回答No.1

sou_sk · ベストアンサー

FrontPageExpress を使っていてもあまり幸せにはなれないのですが… 取り敢えずアンカー (a タグ) の基本を理解しましょう。

以下に簡単に解説します。より詳しく知りたい場合は HTML に関して Web でも本でもしっかりしたものを手にとって学んでください。ソフトの使い方に終始した本はお勧めしません。

HTML は文書に定義づけを行うための言語です。
例えば以下のような文書があったとします。

--
はじめての方へ
OKWeb Communityとは？
あなたの抱える疑問は、他の方なら既に解決されているかもしれませんし…
--

文書構造が規定されていませんね。
以下を見比べてみてください。

--
<タイトル>はじめての方へ</タイトル>
<サブタイトル>OKWeb Communityとは？</サブタイトル>
<本文>あなたの抱える疑問は、他の方なら既に解決されているかもしれませんし…</本文>
--

このようにブロックの意味を表すマークアップを施すと文書構造ができあがります。
これを HTML で書くと

--
<h1>はじめての方へ</h1>
<h2>OKWeb Communityとは？</h2>
<p>あなたの抱える疑問は、他の方なら既に解決されているかもしれませんし…</p>
--

となります。
このようなマークアップは人間よりもコンピューターに向けられたもので文書のデータとしての価値を高めます。
HTML は文書を意味づけするための言語で、ブラウザはそれを人間に見やすく表示するのが役割です。

大見出しを表す h1、その一つ下のレベルの見出しを表す h2 等様々なマークアップ要素がありますがここで問題になるのは a 要素です。
a はアンカーの意味で文字通りそこにハイパーテキストのためのアンカーを打ち込みます。
ハイパーテキストとはハイパーリンクによって連結出来るテキストの事です。ハイパーリンクとは通常「リンク」と呼ばれている機能の事です。
アンカーはこのハイパーリンクのためのマークアップです。

アンカーを入れてみましょう。

--
<h1>はじめての方へ</h1>
<h2><a>OKWeb Community</a>とは？</h2>
<p>あなたの抱える疑問は、他の方なら既に解決されているかもしれませんし…</p>
--

となります。
さて、それぞれの要素は属性によってその振る舞いを変えます。
アンカー要素の場合
<a href="http://example.com/">text</a>
<a name="point1">text</a>
のように後ろに続く href や name のような属性によってその振る舞いを変えます。
name 属性はそのアンカーに名前を付けます。
先ほどの例を使ってみましょう。
<a name="subtitle">OKWeb Community</a>
これで OKWeb Communitiy というブロックに subtitle という名前を付けたことになります。
(そしてこの名前はハイパーリンクとして機能します)
href 属性はハイパーリンクの参照先を与えます。
<a href="http://www.okweb.ne.jp/">OKWeb Community</a>
とすると OKWeb Community という文字に対して http://www.okweb.ne.jp/ というハイパーリンク先を参照するよう関係づけた事になります。

ここで先ほどの name 属性に返りましょう。
<a name="subtitle">OKWeb Community</a>
は subtitle という名前のハイパーリンク先を示していますからこれの参照方法があるハズです。
name 属性に対するハイパーリンクの参照方法は URI と name属性 を#で区切って指定します。
つまり http://example.com/test.html#subtitle のようになります。
同じページ内を参照する場合は URI が省略可能です。
よって同じページ内にある
<a name="subtitle">OKWeb Community</a>
を参照したい場合は参照元のテキストに以下のアンカーを打ってやります。
<a href="#subtitle">OKWeb Community</a>

とここまで読んで何が間違いで何故動かないのかが分かった… のかな、、分からなかったら google で 「HTML name href」のキーワードで調べるなり、ハイパーテキストやハイパーリンクについて書かれたしっかりした書籍を手にとってゼロから学習してみましょう。
急がば回れです。

出来れば FrontPageExpress より Peggy や jEdit、秀丸のようなエディタを使って書いた方が理解は進みます。

お礼

sou_skさんでよかったですね。やっと回答してくださる方がおられて安心しました。返答が無いので私の質問に問題があるのか心配でした。　私も貴方様のようにもっと勉強したいと思います。５０歳になってから始めたパソコン、初めて作るホームページ、只今はまっております。勉強します。　ありがとうございました。