モバイル Web ページ制作の理解 (関連するメタタグ)_html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

モバイル Web ページ制作の理解 (関連するメタタグ)_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:39 AM

最近、モバイル開発フレームワークである JQuery Mobile について調べています。正直に言うと、本当に頭が痛いです~~~~ たくさんのプロパティ、メソッド、イベントが含まれているからです~~~

ここでいくつかの理解を示します。モバイル Web ページの数:

次のメタタグをモバイル Web ページの先頭に追加します。モバイル wap2.0 Web ページの場合、ページは iPhone のブラウザで元のサイズで表示され、拡大縮小は許可されません。

width - 幅ビューポートの高さ - ビューポートの高さ
initial-scale - 初期ズーム率
minimum-scale - ユーザーがズームできる最小比率
maximum-scale - ユーザーがズームできる最大比率
user-scalable - ユーザーが手動でズームできるかどうか

HTML ページが携帯電話で閲覧される場合、このタグはダイヤルされたときに Web ページのコンテンツに携帯電話番号を表示するかどうかを指定するために使用されます。

iPhone のデフォルト値は次のとおりです:

電話で Web に電話番号を自動的に表示したくない場合ページをダイヤルされたスーパーリンクとして設定するには、次のように記述できます:

Three、

説明: Web サイトでは、Web アプリプログラムのサポートが有効になります。

手順:

Web アプリアプリケーションの下のステータスバー (画面の上部バーの色;

デフォルト値はデフォルト (白) で、黒 (黒) および黒半透明 (グレー半透明) に設定できます。

注: 値が「黒半透明」の場合、ページのピクセル位置を占め、ページの上に浮かび上がります (ページの高さ 20 ピクセルをカバーしますか? iPhone4 と itouch4 の Retina 画面は 40 ピクセルです)。

！！！！ Apple Web アプリのその他の設定:

もちろん、以下に示すように、Web アプリのアイコンと起動インターフェイスを設定するには、両端に追加のコードが必要です:

<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />

説明: このリンクは、ホーム画面に配置する Web アプリのパス

使用:

このパスについて注意する必要があるのは、サーバーのドキュメントルートディレクトリではなく、Web サイトのドキュメントルートディレクトリの下に配置されることです。

画像サイズは 57*57 (px) または Retina は 114*114 (px) に設定でき、iPad のサイズは 72*72 (px) です

<link rel="<strong>apple-touch-startup-image</strong>" href="<strong>milanoo_startup.png</strong>" />

説明: このリンクは、スタートアップのセットアップ (写真 5)、ロード強度の配置は上記と同様です。

使用法:

このパスについて注意する必要があるのは、このパスは Web サイトのドキュメントルートディレクトリの下に配置されるが、サーバーのドキュメントルートディレクトリの下には配置されないということです。

公式には起動インターフェースのサイズは320*640(px)である必要があると規定されており、当初Retinaスクリーンは2倍のサイズをサポートできると考えていましたが、サポートされておらず、画像が表示されません。

5. 「ホーム画面に追加」後、全画面表示
このメタの機能は、デフォルトの Apple ツールバーとメニューバーを削除することです。 content には「yes」と「no」の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、デフォルトではこの行を追加する必要はありません。

//メールは認識されません
デバイスは、ページ上の番号を電話番号として認識することを無視します。
iOS の場合は rel="apple-touch-icon" を、Android の場合は rel="apple-touch-icon-precomposed" を使用します。このようにして、ユーザーが Web ページをブックマークとして保存すると、携帯電話の HOME インターフェイス上にアプリケーションスタイルのアイコンを作成できます。

- -------------------------------------------------- -------------------------------------------------- -----------------

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTMLのブール属性とは何ですか？いくつかの例を挙げてください。Apr 25, 2025 am 12:01 AM

ブール属性は、値なしでアクティブ化されるHTMLの特別な属性です。 1.ブール属性は、無効化された入力ボックスを無効にするなど、存在するかどうかによって、要素の動作を制御します。 2.彼らの実用的な原則は、ブラウザが異なっているときに属性の存在に応じて要素の動作を変更することです。 3.基本的な使用法は、属性を直接追加することであり、高度な使用法はJavaScriptを介して動的に制御できます。 4.一般的な間違いは、値を設定する必要があると誤って考えており、正しい執筆方法は簡潔にする必要があります。 5.ベストプラクティスは、コードを簡潔に保ち、ブールのプロパティを合理的に使用して、Webページのパフォーマンスとユーザーエクスペリエンスを最適化することです。

HTMLコードをどのように検証できますか？Apr 24, 2025 am 12:04 AM

HTMLコードは、オンラインバリデーター、統合ツール、自動化されたプロセスを使用するとクリーンになります。 1）w3cmarkupvalidationserviceを使用して、HTMLコードをオンラインで確認します。 2）リアルタイム検証のためにVisualStudiocodeにhtmlhint拡張機能をインストールして構成します。 3）HTMLTIDYを使用して、建設プロセスでHTMLファイルを自動的に検証およびクリーニングします。

HTML対CSSおよびJavaScript：Webテクノロジーの比較Apr 23, 2025 am 12:05 AM

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

マークアップ言語としてのHTML：その機能と目的Apr 22, 2025 am 12:02 AM

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1）HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2）コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3）HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTML、CSS、およびJavaScriptの未来：Web開発動向Apr 19, 2025 am 12:02 AM

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

HTML：構造、CSS：スタイル、JavaScript：動作Apr 18, 2025 am 12:09 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの未来：ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1）新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2）Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3）パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

See all articles