Meta tag collation

Source: Internet
Author: User
Tags home screen

<!-- 声明文档 -->

<meta charset='utf-8'>

<!-- 指示IE以目前可用的最高模式显示内容 -->
<meta http-equiv="x-ua-compatible" content="ie=edge" / >

<!-- SEO 优化 页面描述 -->
<meta name="description" content=" no more than 150 characters "

<!-- 页面关键词 -->
<meta name="keywords" content="HTML5, CSS3, keywords " 
<!-- 定义网页作者 -->
<meta name="author" content=" Heroes " />
//定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值
//通常有如下几种取值:none,noindex,nofollow,all,index和follow。
<meta name="robots" content="index,follow"/>
<!-- http-equiv属性 -->
//用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
<meta http-equiv="content-type" contect="text/html"; charset=gb_2312-"><meta http-equiv="content-language " contect=" > "zh-cn"

 
//定时让网页在指定的时间n内,跳转到页面http://yourlink;
<meta http-equiv="Refresh"  contect="n;url=http://yourlink" >   

 //定时让网页在指定的时间n内刷新

<meta http-equiv="Refresh"  contect="n" >     
//可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
<meta http-equiv="Expires" contect="mon,12 May 2001 00:20:00 GMT  ">

//是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
<meta http-equiv="Pragma" contect="no-cache " >
//cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
<meta http-equiv="set-cookie" contect="mon,12 May 2001 00:20:00 GMT ">


//网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
<meta http-equiv="pics-label " contect= "">


//强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
<meta http-equiv="windows-target" contect="_top">

//设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
<meta http-equiv="page-enter" contect="Revealtrans (duration=10, transtion=)"><meta http-equiv="page-exit" contect=" Revealtrans (duration=20,transtion=6) ">

<!-- 为移动设备添加 viewport -->
<meta name ="Viewport"Content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, User-scalable=no">//Content parameter Explanation://Width viewport widths (numeric/device-width)//Height viewport Altitude (numeric/device-height)//Initial-scale Initial zoom ratio//Maximum-scale Maximum zoom ratio//Minimum-scale Minimum zoom ratio//user-scalable whether to allow user scaling (yes/no)//Minimal-ui New in IOS 7.1 Beta 2, you can minimize the upper and lower status bar when the page loads. //This is a Boolean value that can be written directly like this:<meta name="Viewport"Content="width=device-width, initial-scale=1, Minimal-ui">

<!-- iOS 设备 -->

<meta name="apple-mobile-web-app-title" content=" title " >     

<!--launch iOS safari from desktop icon to go full screen (app mode)--><meta name="apple-mobile-web-app-capable"Content="Yes"> <!--Add to home screen, full screen--><meta name="Apple-touch-fullscreen"Content="Yes"> <!--Specifies the color of the status bar--><meta name="Apple-mobile-web-app-status-bar-style"Content="Black"> < disable digital recognition as clickable telephone link--><meta name= on iOS devices!--"format-detection"Content="Telephone=no"> <!--page css is calculated using a width of 320, the initial zoom ratio of 2.3, user scaling is not allowed and the maximum scaling factor is 1--><meta name="Viewport"Content="width = Initial-scale = 2.3, user-scalable = no, maximum-scale=1"> <!--page css is calculated using the width based on the device given value adaptive--><meta name="Viewport"Content ="width = device-width">


<!--iOS icons rel parameter --Apple-touch-icon pictures are automatically processed into rounded corners and highlights and other effects. Apple-touch-icon-precomposed prevents the system from automatically adding effects, directly showing the original design. <link rel= "apple-touch-icon-precomposed" href= "/apple-touch-icon-57x57-precomposed.png"/>//iPhone and ITouch, Default 57x57 pixels, must have <link rel= "apple-touch-icon-precomposed" sizes= "72x72" href= "/ Apple-touch-icon-72x72-precomposed.png "/>//ipad,72x72 pixels, can not, but recommended <link rel=" apple-touch-icon-precomposed " Sizes= "114x114" href= "/apple-touch-icon-114x114-precomposed.png"/>//retina iPhone and Retina itouch,114x114 pixels, can not , but it is recommended to have <link rel= "apple-touch-icon-precomposed" sizes= "144x144" href= "/apple-touch-icon-144x144-precomposed.png" />//retina ipad,144x144 pixels, can not, recommend everyone use <meta name= "Apple-mobile-web-app-title" content= "title" >// Title is best limited to six Chinese length, the extra-long content will be hidden, added to the main screen after the title (iOS 6 new) <!--IOS splash screen-->//ipad boot screen is not included in the status bar area. IPad Vertical screen 768 x 1004 (standard resolution) <link rel= "Apple-touch-startup-image" sizes= "768x1004" href= "/ Splash-screen-768x1004.png "/>//ipad vertical screen 1536x2008 (Retina) <link rel=" apple-touch-stArtup-image "sizes=" 1536x2008 "href="/splash-screen-1536x2008.png "/>//ipad horizontal screen 1024x748 (standard resolution) <link rel=" Apple-touch-startup-image" sizes="1024x748" href="/splash-screen-1024x748.png" />

Meta tag collation

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.