設定したキーワードを含むリスト表示について

質問

初めて質問させて頂きます。
現在仕事で、特定ユーザーにのみ公開しているホームページの
メンテナンスを担当しており、今度リニューアルすることになりました。
ただ、やりたいことは頭で決まっているのに実現方法の検討もつかず、
ネット検索でも限界を感じています。
以下にやりたいことを簡単な例に置き換えて記載しましたので、
実現方法についてアドバイス頂けたらと思い投稿しました。
どなたかご親切な方、宜しくお願い致します。

■用意するHTMLファイル

【果物のHTMLファイル】
　　　いちご.html　：　500円　赤　スーパー
　　　バナナ.html　：　300円　黄色　コンビニ
　　　みかん.html　：　300円　オレンジ　スーパー/コンビニ
　　　リンゴ.html　：　300円　赤　コンビニ

【値段検索ページ】
【色検索ページ】
【販売店舗検索ページ】

■やりたいこと
上記「各果物のHTMLファイル」に、値段、色、販売店舗に関する
キーワードを設定しておきます。
各検索ページを開いた時の表示状態は、以下の通り
キーワード毎に自動的にリスト表示されるようにしたいです。

■各検索ページを開いた時の表示状態

【値段検索ページ】
　　　500円
　　　　- いちご.html

　　　300円
　　　　- バナナ.html
　　　　- みかん.html
　　　　- リンゴ.html

【色検索ページ】
　　　赤
　　　　- いちご.html
　　　　- リンゴ.html

　　　黄色
　　　　- バナナ.html

　　　オレンジ
　　　　- みかん.html

【販売店舗検索ページ】
　　　スーパー
　　　　- いちご.html
　　　　- みかん.html

　　　コンビニ
　　　　- バナナ.html
　　　　- みかん.html
　　　　- リンゴ.html

「果物のHTMLファイル」にはどのようにキーワードを設定すればよいでしょうか？
また、各「検索ページ」にはどのような記述を行えば「果物のHTMLファイル」に
設定したキーワードを自動抽出→リスト表示できるのでしょうか？

HTML 初心者なので、難しいことは残念ながらできません。
もし、"この書籍に付属の DVD にやりたいことが実現できるコードが含まれているよ"
など、ご存じのことがあれば是非教えてもらえないでしょうか。

宜しくお願い致します。

回答No.1

pa_cotta

紐付けをしたいのであれば、データベース(もしくはXML)を使うのが一番かと思いますが、そのような知識がないorそんなの使ってられるか！という場合は面倒ですが直接ベタ書きするしか手はないかと思います。

HTMLのdescriptionやkeywordはあくまでも検索エンジンがその単語で検索しやすくするためのものであって、質問者の方が要求されているような機能を満たすものではありません。

ファイル数が多くないのであればベタ書きでもいいかと思いますが、ファイルが増える(または減る)たびに更新する必要があるため、頻度によっては煩わしくなるかもしれませんね。

お礼

さっそくのご回答をありがとうございました。
ファイル数が多く、且つ今後も増えていくので、ベタ書きではなく上記のような仕組みを作りたいと思いました。

データベースに関する知識はお察しの通りありません。。。
やりたいことに近いサンプルが見つかればと思い、またネット検索しているところですが、もしわかりやすい解説サイト等ご存知でしたら、教えて頂けましたら幸いです。