tag_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:18:48
オリジナル
932 人が閲覧しました

1.viewport

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

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

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

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

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

ステータス バーを非表示にする/ステータス バーの色を設定する: WebApp フルスクリーン モードが有効な場合にのみ有効です。コンテンツの値はデフォルトです black-translucent

ホーム画面

の後のタイトル

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

メールの識別を無視する

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

< !-- QQ アプリケーション モード -->

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 (表示文字セット設定) を追加できます。

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


    使用法:


    注: META タグは、HTML ページで使用される文字セットを、国家標準の中国語文字コードである GB2132 として定義します。 「charset=GB2312」を「BIG5」に置き換えると、このページで使用される文字セットは繁体字中国語の Big5 コードになります。一部の海外サイトを閲覧すると、IE ブラウザにより、ページを正しく表示するには xx 言語サポートをダウンロードする必要があるというメッセージが表示されます。この機能は、HTML ページの META タグの Content-Type 属性を読み取ることで、ページを表示するためにどの文字セットを使用する必要があるかを知ることです。対応する文字セットがシステムにインストールされていない場合、IE はダウンロードを求めるプロンプトを表示します。他の言語も異なる文字セットに対応しています。たとえば、日本語の文字セットは「iso-2022-jp」、韓国語の文字セットは「ks_c_5601」です。

    Content-Type のコンテンツは、text/xml とその他のドキュメント タイプにすることもできます。
    文字セット オプション: ISO-8859-1 (英語)、BIG5、UTF-8、SHIFT-JIS、Euc、Koi8-2、us -ascii 、x-mac-roman、iso-8859-2、x-mac-ce、iso-2022-jp、x-sjis、x-euc-jp、euc-kr、iso-2022-kr、gb2312、gb_2312 -80、x-euc-tw、x-cns11643-1、x-cns11643-2 およびその他の文字セット。Content-Language の内容は、EN、FR、およびその他の言語コードにすることもできます。

    3.リフレッシュ
    使用法:

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


    4. Expires (Period)

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

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


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

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

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

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


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

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


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

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

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

    はじめに:IEのインターネットオプションには、いくつかの制限されたWebサイトの閲覧を防ぐことができるコンテンツ設定があり、Webサイトの制限レベルはこのパラメーターを介して設定されています。
    使用法: "(PICS-1.1'http://www.rsac.org/ratedsv01.html'
    I gen comment 'RSACi North America Sever' by ' inet@microsoft.com'

    for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">


       注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n 0 s 0 v 0 l 0)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:http://www.rsac.org/。


      9、Page-Enter、Page-Exit (进入与退出)


       说明:这个是页面被载入和调出时的一些特效。
       用法:
          
       注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:


          
          


           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 的主题
       用法:
       注意:关闭 xp 的蓝色立体按钮系统显示样式,从而和win2k 很象。


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


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

     
    ログイン後にコピー

     

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート