0

私は現在、jQuerymobileとXmlHttpRequestを使用してWebページをロードするそのシステムを見ています。そのおかげで、たとえば、2ページ間のトランジションアニメーションを自動的に実行することができます。

しかし、私には何かがはっきりしていません。私が正しく理解していれば、jQueryモバイルを利用したWebサイトの新しいページはそれぞれ、最初のWebページのDOMに挿入されます。jQuery mobileのドキュメントには、このメカニズムのために、<title>新しいWebページのタグが考慮されていないことが記載されています。

<html>したがって、ある意味で、最初のWebページA.htmlがページB.htmlをロードする場合、WebページB.htmlは、<head>または<body>タグ を含む完全なHTML文法を持っている必要はないと思う傾向があります。

私のページB.htmlは、<div>要素で直接始めることができます。

私は正しいですか？
jQuery mobileでHTMLページをロードするときに完全なHTMLページが必要ですか？
間違った/切り捨てられたHTML構文のWebページを作成することの長所と短所は何ですか（このページに直接アクセスするのではなく、メインページからアクセスする必要があります）。

4

3 に答える 3

2

jQuery mobileを使用する場合は、ページ全体を使用する必要がありますが、もちろん非常に長くなる可能性があり、すべてをDOMにロードするのに長い時間がかかります。多くの開発者はこれが好きではありません。

あなたの質問に答えるには：単一の有効なhtmlページ（jqueryモバイルアプリのメインページ）がある限り、「間違った/trumcated」htmlファイルを問題なくロードできます。また、適切に形成されたhtmlファイルを問題なくロードすることもできます。あなたがよりきれいに見えると感じるものと一緒に行くのはあなた次第です。

これが私のポイントをサポートするのに役立つ同様のQ＆Aです：jQuerymobile複数のHTMLファイル

警告：これがオンラインで利用できるWebサイトの場合で、複数の（そして断片化された）ページを持つアプローチを採用している場合は、停止してSEOについて考えることをお勧めします。 Googleボットが追加のページをクロールしないようにします。サイト全体のSEOにまったく関心がある場合は、Googleがモバイル向けのレスポンシブウェブデザインについて作成したこの記事を確認してください。それは最初からあなたの全体的な見方を変えるかもしれません。

私の意見では、jQueryMobileサイトをすべて1ページにまとめる必要があります。必要に応じて、いつでもJavaScript/jQueryを使用して追加のマークアップを挿入できます。これが、jQueryMobileWebサイトで採用しているアプローチです。一方、これをPhoneGapでラップしてネイティブモバイルアプリとしてデプロイする場合は、断片化されたページを使用します。これは、a）SEOが適用されないため、b）DOMをできるだけ速くロードするためです。 「真のネイティブアプリ」のように読み込まれるように、可能な限り。断片化されたページは読み込みを速くするのに役立つと思います。必要に応じてJavaScript/jQueryを使用してコードを挿入すると、読み込みが速くなることを知っています。

于 2012-06-28T21:14:05.490 に答える
1

しかし、ユーザーがで開始しA.html、に移動してからB.htmlページを更新するとどうなりますか？jQuery Mobileは、ユーザーが通常どおりページpushStateにアクセスしたかのようにURLを更新するプラグインを使用します。B.htmlこれは、ユーザーが更新した場合B.html、完全なドキュメントでない場合、モバイルサイトを作成するための適切なインクルードがないことを意味します。

各ドキュメントにjQueryMobileJS / CSSファイルを含め、各ドキュメントにjQuery Core JSファイルを含め、サイトに必要なすべてのJSおよびCSSを保持する外部カスタムJS/CSSファイルを含めることをお勧めします。このように、ユーザーがサイトのどのページにアクセスしても、必要なすべての情報が含まれます。これにより、サイトに大きな肥大化が生じることはなく、ページごとに数行のインクルードが追加されます。ほとんどの場合、jQuery MobileがAJAXを介してページをDOMにプルするときに、これらすべてのインクルードは無視されます（jQuery Mobileは最初のdata-role="page"要素とそのコンテンツのみを取得し、ドキュメント内の他のすべては無視されます）。

ロングストーリーショート：

各ドキュメントの適切なHTML構造を省略することによるパフォーマンス上の利点は、ページの更新（ユーザーが既に開いているページでブラウザーを開いたときに多くのデバイスで自動的に発生する）などの一般的な出来事でユーザーエクスペリエンスを損なう価値はありません。

有効なHTML構造を使用しないことの主な欠点は、SEOを傷つけていることです。検索エンジンのクローラーがサイトのインデックスを適切に作成できるように、ドキュメントのメタタグ<head>はページのコンテンツに固有である必要があります。

于 2012-06-28T21:34:28.367 に答える
0

外部のhtmlファイルを読み込もうとしている場合は、完全に形成されたhtmlページを用意することをお勧めします。そのhtmlページにも<div data-role="page">タグが必要です。jquery mobileはそのタグを探し、それに基づいて新しいページをロードすると思います。

すべてのページのhtmlを「A.html」と言う1つのページに含めることもできます。各ページのhtmlはで始まる必要があります<div data-role="page">

于 2012-06-28T21:39:01.653 に答える