- 締切済み
連番タイトル名を基準にリンク先を変更する方法
500ページの連番のhtmlがあります、そして各ページ<title>部分をNumber001からNumber500とし、各ページ内にタイトル名をそのまま表示する部分、キイボードの矢印キーでページ移動する部分、ページ内のリンクでページ移動する部分を例えば10ページの場合、以下の様に記述しています。（一応動作は確認しましたが効果を得るにあたりタイトル要素をこのように使っていいのか、他の記述が一般的なのか理解できていない初心者です、主にコピペで作製、期待どおりの効果が得られればそれでよしとしている程度の者です） <!DOCTYPE HTML> <html> <head> <title>Number010</title> <script type="text/javascript"> function checkCSRKey() { if (event.keyCode == 37) location.href = "Number009.html"; if (event.keyCode == 39) location.href = "Number011.html"; } window.document.onkeydown = checkCSRKey; </script> </head> <body> <div> <script>document.write(document.title);</script> </div> <ul > <li><a href="Number009.html"> 前へ</a></li> <li><a href="Number011.html">次へ</a></li> </ul> </div> </body> </html> 作製するhtmlの増減、挿入にあたり、その都度、タイトル名、リンク先の変更をしなければならないのですがタイトル名を変更したら、その変更したタイトル名を基準にリンク先を自動的に変えてくれる記述を教えていただきたいのです。尚、リンク先ページはタイトル名連番の前後しか指定しません。よろしくお願いします。
- keybordman
- お礼率100% (4/4)
- JavaScript
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
- Ogre7077
- ベストアンサー率65% (170/258)
HTML ページ内の重要な部分は、動的要素ではなく静的要素とすべきでしょう。 なのでスクリプト以外の方式で解決することをオススメします。 サーバー側処理ならJSPなりASPなりPHPなりで出力 静的ファイルなら、perl なり ruby なりで一括置換 動的要素とした場合は、以下の問題が発生します。 ・自動巡回する検索エンジンが、重要なキーワードを拾えない ・視覚障害者が使う読み上げソフトが、読み上げ対象として認識できない ・スクリプト実行が抑制される環境では、このページをまともに読めない もう一つ、必要とあらば致し方ないですが... 左右キーボードによる前後の遷移ですが、ブラウザのキー割り当てと競合する可能性がありますので、 使わない方式を検討なされてはいかがでしょうか。 たとえば旧来型の携帯電話のような環境だと、矢印キーが別用途に使われるのは致命的です。 ちなみに以下の様に書いてくれると、ブラウザによってはほぼ同等の操作ができる可能性があります。 <head> <link rel="prev" href="Number009.htm"> <link rel="next" href="Number011.htm"> </head>
お礼
アドバイス、ありがとうございます 左右矢印の動作割り当ても気になってましたので。 行き当たりばったりではなく、書けるように努力したいと思います。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
徹底的な欠点として、検索エンジンやjavascriptによるページ書き換えを禁止している人には使えない。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769#2 )］より 500ページもあれば、動的に作成するほうがはるかに楽です。
お礼
アドバイス、ありがとうございます。 むずかしいことはわかりませんが、こういう手法自体が一般的に、ご法度なのでしょうか？（例えば、やればできるが検索エンジンに対する<title>タグ要素の役割的なもの考えた場合に、普通は使わない、とか）あと、結論をいただいておりますが、動的に作成、というのは質問内容でいうところの自動で変えたい部分は直接書いたほうがいいということでしょうか？また、アドバイスいただければ幸いです。
- askaaska
- ベストアンサー率35% (1455/4149)
変数として prePage と nxtPage を宣言 window.onloadで document.titleのNumberXXXからsubstringでXXXを取得 -> curNum XXXをparseIntして -1 と +1 して と結合 prePage = "Number" + (curNum - 1) + ".html" nxtPage = "Number" + (curNum + 1) + ".html" <a href="NumberUUU.html">を<a href="#" onclick="go(-1)"> <a href="NumberWWW.html">を<a href="#" onclick="go(1)"> function go(num)で num = -1ならprePageに遷移 num = 1ならnxtPageに遷移 キーイベントも同じ て感じにしてみるとかどお？
お礼
アドバイス、ありがとうございます。 努力無しに質問ではこれ以上のアドバイスいただけないと思いますので、アドバイスを参考に自分で書いてみようと思います。動かないとは思いますが……。また、アドバイスいただけたら幸いです。
お礼
アドバイス、ありがとうございます。 CSSやスクリプト以前に適切なマークアップというものすら理解できていない者ですので参考になりました。