搜索
首页web前端html教程meta 标签整理_html/css_WEB-ITnose

 

<meta charset='utf-8'>

<br /><!-- 指示IE以目前可用的最高模式显示内容 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<br /><!-- SEO 优化 页面描述 -->

<meta name="description" content="不超过150个字符" /> 

<br /><!-- 页面关键词 -->

<meta name="keywords" content="html5, css3, 关键字"/> 

    
<!-- 定义网页作者 -->

<meta name="author" content="英雄志" />

//定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值<br />//通常有如下几种取值:none,noindex,nofollow,all,index和follow。

<meta name="robots" content="index,follow"/>

<!-- http-equiv属性 --><br />
//用以说明主页制作所使用的文字以及语言;又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"><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时间格式;<br />

<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">

 

//是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
    

<meta http-equiv="Pragma" contect="no-cache">

    
//cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;<br />

<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">

 

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

<meta http-equiv="Pics-label" contect="">

 

<br />//强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

<meta http-equiv="windows-Target" contect="_top">

 

//设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"><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 参数解释:    //width       viewport 宽度(数值/device-width)    //height            viewport 高度(数值/device-height)    //initial-scale  初始缩放比例    //maximum-scale  最大缩放比例    //minimum-scale  最小缩放比例    //user-scalable  是否允许用户缩放(yes/no)    //minimal-ui      iOS 7.1 beta 2 中新增属性,可以在页面加载时最小化上下状态栏。    //这是一个布尔值,可以直接这样写:<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">

 

<strong><!-- iOS 设备 --><br /><br /></strong>

<meta name="apple-mobile-web-app-title" content="标题"><br /><br /><!-- 从桌面icon启动IOS Safari是否进入全屏状态(APP模式) --><meta name="apple-mobile-web-app-capable" content="yes"> <!-- 添加到主屏幕“后,全屏显示 --><meta name="apple-touch-fullscreen" content="yes" > <!-- 指定状态栏的颜色 --><meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- ios设备上禁止将数字识别为可点击的telephone link --><meta name="format-detection" content="telephone=no"> <!-- 页面CSS计算时使用宽度为320,初始缩放比例2.3, 不允许用户缩放, 最大缩放因子为1 --><meta name="viewport" content="width = 320, initial-scale = 2.3, user-scalable = no, maximum-scale=1 "> <!-- 页面CSS计算时使用的宽度根据设备给定值自适应 --><meta name= "viewport" content = "width = device-width">

    

 

    
    


<!-- iOS 图标 rel 参数 -->//apple-touch-icon 图片自动处理成圆角和高光等效果。//apple-touch-icon-precomposed 禁止系统自动添加效果,直接显示设计原图。<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" />//iPhone 和 iTouch,默认 57x57 像素,必须有<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" />//iPad,72x72 像素,可以没有,但推荐有<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" />//Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" />//Retina iPad,144x144 像素,可以没有,推荐大家使用<meta name="apple-mobile-web-app-title" content="标题">//title最好限制在六个中文长度内,超长的内容会被隐藏,添加到主屏后的标题(iOS 6 新增)<!-- iOS 启动画面 -->//iPad 的启动画面是不包括状态栏区域的。//iPad 竖屏 768 x 1004(标准分辨率)<link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" />//iPad 竖屏 1536x2008(Retina)<link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" />//iPad 横屏 1024x748(标准分辨率)<link rel="apple-touch-startup-image" sizes="1024x748" href="/splash-screen-1024x748.png" />

 

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存,这玩意儿,说简单也简单,说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章,结果用户打开还是老版本,这滋味,谁受得了?这篇文章,咱就来扒一扒这背后的弯弯绕绕,以及如何优雅地解决这个问题。读完之后,你就能轻松应对各种缓存难题,让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存,说白了就是浏览器或者服务器为了提高访问速度,把一些静态资源(比如图片、CSS、JS)或者页面内容存储起来。下次访问时,直接从缓存里取,不用再重新下载,速度自然快。但这玩意儿,也是个双刃剑。新版本上线,

如何使用HTML5表单验证属性来验证用户输入?如何使用HTML5表单验证属性来验证用户输入?Mar 17, 2025 pm 12:27 PM

本文讨论了使用HTML5表单验证属性,例如必需的,图案,最小,最大和长度限制,以直接在浏览器中验证用户输入。

HTML5中跨浏览器兼容性的最佳实践是什么?HTML5中跨浏览器兼容性的最佳实践是什么?Mar 17, 2025 pm 12:20 PM

文章讨论了确保HTML5跨浏览器兼容性的最佳实践,重点是特征检测,进行性增强和测试方法。

如何高效地在网页中为PNG图片添加描边效果?如何高效地在网页中为PNG图片添加描边效果?Mar 04, 2025 pm 02:39 PM

本文展示了使用CSS为网页中添加有效的PNG边框。 它认为,与JavaScript或库相比,CSS提供了出色的性能,详细介绍了如何调整边界宽度,样式和颜色以获得微妙或突出的效果

&lt; datalist&gt;的目的是什么。 元素?&lt; datalist&gt;的目的是什么。 元素?Mar 21, 2025 pm 12:33 PM

本文讨论了html&lt; datalist&gt;元素,通过提供自动完整建议,改善用户体验并减少错误来增强表格。Character计数:159

&gt; gt;的目的是什么 元素?&gt; gt;的目的是什么 元素?Mar 21, 2025 pm 12:34 PM

本文讨论了HTML&lt; Progress&gt;元素,其目的,样式和与&lt; meter&gt;元素。主要重点是使用&lt; progress&gt;为了完成任务和LT;仪表&gt;对于stati

我如何使用html5&lt; time&gt; 元素以语义表示日期和时间?我如何使用html5&lt; time&gt; 元素以语义表示日期和时间?Mar 12, 2025 pm 04:05 PM

本文解释了HTML5&lt; time&gt;语义日期/时间表示的元素。 它强调了DateTime属性对机器可读性(ISO 8601格式)的重要性,并在人类可读文本旁边,增强Accessibilit

&lt; meter&gt;的目的是什么。 元素?&lt; meter&gt;的目的是什么。 元素?Mar 21, 2025 pm 12:35 PM

本文讨论了HTML&lt; meter&gt;元素,用于在一个范围内显示标量或分数值及其在Web开发中的常见应用。它区分了&lt; meter&gt;从&lt; progress&gt;和前

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!