ホームページ  >  記事  >  ウェブフロントエンド  >  tag_html/css_WEB-ITnose

tag_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:18:48885ブラウズ

1.viewport

モバイルブラウザの表示を最適化できます。 Web サイトが応答しない場合は、初期スケールを使用しないか、スケーリングを無効にします。
ほとんどの 4.7 ~ 5 インチ デバイスのビューポート幅は 360 ピクセルに設定され、5.5 インチ デバイスは 400 ピクセルに設定され、iPhone6 plus は 414 ピクセルに設定されます。

3661ac69eb87bb83f4492dd69ea7b3d3 //レスポンシブデザインのサポートを示します

width:ビューポートのサイズを制御するには、600 などの値、またはデバイスの幅である device-width などの特別な値を指定できます (単位は 100% にズームしたときの CSS ピクセルです)。
高さ: 幅に対応し、高さを指定します。
initial-scale: 初期スケーリング比。ページが初めてロードされたときのスケーリング比です。
maximum-scale: ユーザーがズームできる最大スケール。
minimum-scale: ユーザーがズームできる最小スケール。
user-scalable: ユーザーが手動でズームできるかどうか (user-scalable=no//user-scalable=0、ユーザーは手動でズームすることを許可されません)

注: コンテンツ内の複数の属性の設定は、カンマ + で区切る必要がありますスペース、標準化されていないと機能しません

WebApp フルスクリーンモード: 偽装アプリ、オフラインアプリケーション

a052e629582b349e980b839eb498b914

ホーム画面

の後のタイトル

a922db1e0e9f7dc33a3bb4778823c7b0

数字を無視して電話番号として自動的に認識します

744ea289f2c2907709a456684f656b11

メールの識別を無視する

cab8dbf64566875a6f4469f15381c661

追加スマートアプリ広告バナー スマートアプリバナー: この Web サイトに対応するアプリをブラウザーに伝え、ページ上にダウンロード バナーを表示します

7b627d5d47cc268ffd01cfb5e5161ee6

b65f602478af35a06f324300e3b0fb61c327afbfb285bd41b1f49ec2f2ff8879

24856e05d9d7d54d78d5380ca8c817588083aa448d67fccbdb2086335fca05f8

6be02b76fa20cb2b645989e1172ccf06 7de90fa412d560491e3d8054d6cf3de8

762dda3ba35c2fda67f8d2cd71c9ad01ac29d9d7ce13f060f01bfb050cb8bd5a

127300e16102f1ef499a3b3797ebf15e951afa809ddd04b01e3024e0491a6928

1433eb28ab6a7115624f0add84d8fb6a fcda6782cf7a55bfe62fe2c07e1871ec

eb4fd1526d44ff884a23b4cad34fecb25d0a7d5bdbe39a00cc968d541eea271f

0bab184c8c6f947778cdc5a5a727b6080b5273d39355fb516ca92560e80af559

7f7528025b0b63acbc72b0e36f080bb35174e3e41680a04f936c2a9bf93cd559

Webページ関連

  • エンコーディングの宣言
  • <meta charset='utf-8' />
  • IE、Chromeの最新版の使用を優先
  • <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><!-- 关于X-UA-Compatible --><meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 --><meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 --><meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->
  • ブラウザカーネル制御:国内ブラウザ多数デュアルコア (Webkit と Trident) を備えており、Webkit カーネルは高速ブラウジングに使用され、IE カーネルは Web ページや古い Web サイトと互換性があります。メタ タグを追加する Web サイトは、ブラウザがどのカーネル レンダリングを選択するかを制御できます。
  • 国内デュアルコアブラウザのデフォルトのカーネルモードは以下の通りです:

    1. Sogou高速ブラウザ、QQブラウザ: IEカーネル(互換モード)
    2. 360スピードブラウザ、Aoyouブラウザ: Webkitカーネル(スピードモード) )

    ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスできないようにする: この設定を使用すると、訪問者はオフラインで閲覧できなくなります。
  •  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  • Windows 8
  • <meta http-equiv="Pragma" content="no-cache">
  • サイト適応: 主にPCとモバイルのページ対応に使用されます。
  • <meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁贴颜色 --><meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁贴图标 -->
  • トランスコーディング ステートメント: Baidu で Web ページを開くとトランスコードされる可能性があります (広告の投稿など)。トランスコーディングを回避するには、次のメタ
  • <meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url"><!--[wml|xhtml|html5]根据手机页的协议语言,选择其中一种;url="url" 后者代表当前PC页所对应的手机页URL,两者必须是一一对应关系。 -->
  • 2.Content-Type と Content-Language (表示文字セット設定) を追加できます。

    説明: ホームページの作成に使用されるテキストと言語を記述するためにページで使用される文字セットを設定し、ブラウザはこれに基づいてページのコンテンツを表示するために対応する文字セットを呼び出します。


    使用法: d1caa657ad716359a0f585fb55bb4e61
    3b1880f10fdb8feac482f4c60af41fdc

    d82d964a7242f19cf0c6e0df73895971

    注: 中の 5 は、5 秒間滞在した後に URL に自動的に更新されることを意味します。


    4. Expires (Period)

    キャッシュ内のdie_ure in'。
    使用法: 4cdfcd2ed664cc3578687910b8a3fa56

    67c630421b02fcbf7bead3d28d24e8a4

    注記: GMT 時間形式を使用するか、直接 0 に設定する必要があります (数値は有効期限が切れるまでの時間を示します)。


    5. Pragma (キャッシュモード)

    プラグマ(キャッシュモード)になります。
    使用法: 81089591571c99b82b491cca17755f1d

    注: Web ページはキャッシュに保存されず、アクセスされるたびにページが更新されます。この設定では、訪問者はオフラインで閲覧できなくなります。

    6.セットクッキー(Cookie設定)


    CCOLEG IN BROWSER BY PAGEにアクセスすると、キャッシュに保存され、次に訪問するときにキャッシュから読み取ることができます。速度を上げます。訪問者が広告のアイコンを毎回更新する場合、またはカウンタを毎回更新する場合は、キャッシュを無効にします。通常、HTML ファイルのキャッシュを無効にする必要はありません。ASP などのページでは、表示されるすべてのページがサーバー上で動的に生成され、キャッシュは無意味であるためです。 Web ページの有効期限が切れると、保存された Cookie は削除されます。
    使用法: 9625c6a78195961923518059dae61674

    注: である必要があります。 GMT 時間形式を使用しました。


    7. Window-target (表示ウィンドウ設定)

    説明: 現在のウィンドウ内でページを強制的に独立したページとして表示します。
    使用法: 58e51721ed19b602036a64a33c44a1dd

    注: この属性は、他のユーザーがフレーム内であなたのページを呼び出すのを防ぐために使用されます。コンテンツのオプション: _blank、_top、_self、_parent。 PICS-LABEL(WebページRSACレーティング)

    はじめに:IEのインターネットオプションには、いくつかの制限されたWebサイトの閲覧を防ぐことができるコンテンツ設定があり、Webサイトの制限レベルはこのパラメーターを介して設定されています。
    使用法: cfe27cebd950c793316f79b51f8eccc3
          6c53f9549a702afdec00f1c8076ef1d6
       注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:


          51cb5e8d1eb403e568ef49db2b280632
          5a72dedbeb8928c01e83d28e1a0f7313


           Duration  表示滤镜特效的持续时间(单位:秒)
           Transition 滤镜类型。表示使用哪种特效,取值为0-23。


           0 矩形缩小
           1 矩形扩大
           2 圆形缩小
           3 圆形扩大
           4 下到上刷新
           5 上到下刷新
           6 左到右刷新
           7 右到左刷新
           8 竖百叶窗
           9 横百叶窗
           10 错位横百叶窗
           11 错位竖百叶窗
           12 点扩散
           13 左右到中间刷新
           14 中间到左右刷新
           15 中间到上下
           16 上下到中间
           17 右下到左上
           18 右上到左下
           19 左上到右下
           20 左下到右上
           21 横条
           22 竖条
           23 以上22种随机选择一种


      10、MSThemeCompatible (XP主题)
       说明:是否在IE中关闭 xp 的主题
       用法:aa4d77f7f00b078a743e385c38458161
       注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。


      11、IE6 (页面生成器)
       说明:页面生成器generator,是ie6
       用法:8a93ea1df1dc487b4640a20ba77e66e6
       注意:用什么东西做的,类似商品出厂厂商。


      12、Content-Script-Type (脚本相关)
       说明:这是近来W3C的规范,指明页面中脚本的类型。
       用法:7c5560c72451ddecd37506b7f0b3561b
     

     

     

     

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