DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 深入淺出meta標簽
深入淺出meta標簽
編輯:HTML和Xhtml     

通常所說的META標簽,是在HTML網頁源代碼中一個重要的html標簽。META標簽用來描述一個HTML網頁文檔的屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。

1、viewport

XML/HTML Code復制內容到剪貼板
  1. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />   

(1)width  控制viewport的大小,可以指定一個值,如640或者特殊的值;device-width為設備的寬度(單位為縮放為100%的CSS的像素);

(2)initial-scale  初始縮放比例,頁面第一次加載時的縮放比例;

(3)maximum-scale  允許用戶縮放到的最大比例,范圍從0到10.0;

(4)minimum-scale  允許用戶縮放到的最小比例,范圍從0到10.0;

(5)user-scalable  用戶是否可以手動縮放,值可以是:yes或true允許用戶縮放;no或false不允許用戶縮放;

2、content="IE=edge"

XML/HTML Code復制內容到剪貼板
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge">   

X-UA-Compatible是IE8的一個專有<meta>屬性,它告訴IE8采用何種IE版本去渲染網頁,在html的<head>標簽中使用;

IE=edge,如果系統安裝ie8或以上版本,則使用最高版本ie渲染;否則,這個設定可以忽略。

3、renderer
 
<meta name="renderer" content="webkit|ie-comp|ie-stand">

指定雙核浏覽器默認以何種方式渲染頁面。

webkit  默認webkit內核;

ie-comp  默認IE兼容模式;

ie-stand  默認IE標准模式;

而webkit|ie-comp|ie-stand這種寫法是按照順序排他的優先級,不支持則往下,浏覽器將會按照從左到右的先後順序選擇其具備的渲染內核來處理當前網頁。

目前支持對其提供支持的浏覽器有:360

4、apple-mobile-web-app-title

XML/HTML Code復制內容到剪貼板
  1. <meta name="apple-mobile-web-app-title" content="博客園">   

在發送到屏幕的時候默認的命名

5、format-detection

XML/HTML Code復制內容到剪貼板
  1. <meta name="format-detection" content="telephone=no" /> //告訴設備忽略將頁面中的數字識別為電話號碼   
  2.  <meta name="format-detection" content="email=no" /> //不讓android識別郵箱  
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved