0

開発を開始したデスクトップ アプリケーションの Web ページをまとめていて、HTML5 テクノロジと JavaScript を使用した動的コンテンツを活用したいと考えています。基本的に、ブラウザで「ルート」ページ (index.php、または単にディレクトリ名) にアクセスすると、情報、概要、FAQ、および連絡フォームのセクションがすべて表示されます (連絡フォームを除く。そのセクションの見出しは、それを明らかにするために jQuery アニメーションをトリガーします)。ページの左側には、ホーム、概要、よくある質問、連絡先へのリンクを含む基本的なナビゲーションがあります。これらのリンクのアンカーは、それぞれ「#!/home」、「#!/about」、「#!/faq」、「#!/contact」です。これらのいずれかをクリックすると、JavaScript/jQuery はヘッダー、フッター、およびハッシュバンが関係するセクション (連絡先フォームの場合、セクションのヘッダーのクリック ハンドラーも削除されます。ページ）。現在、私はこれを使用しています：

window.onload = (function() {
    switch(location.hash) {
    case "#!/contact":
        $("body > *:not(section#contact, nav, header, footer)").hide();
        $("#contact > #labels, #contact > form").slideDown('slow');
    // and similar for the other hashbang URIs
    }

    if (location.hash == "#!/" || location.hash == "#!/home" || !eval(location.hash)) {
        $("a[href='#!/contact']").click(function() {
            $("#contact > #labels, #contact > form").slideDown('slow');
        });
    }
    // similar for the other hashbangs
});

これを行うためのより良い方法があることはほぼ確実です。また、このページとその動的コンテンツが Google のボットによって適切にクロール可能であることも確認したいと考えています。これを適切に行うにはPHPを使用する必要がありますか? どうして？

ありがとう！

4

1 に答える 1

1

Chris CoyierによるCSSトリックに関するこのビデオチュートリアルでは、このようなものを実装するためのいくつかのベストプラクティスについて説明します。重要な点は、JavaScriptがオンになっているかどうかに関係なくアプリケーションが機能することを確認することです。

于 2011-10-31T04:29:22.010 に答える