首页 / HTML / 常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作

常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5086字，纯文字阅读大概需要8分钟。

内容图文

常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作

原文地址：http://segmentfault.com/blog/ciaocc/1190000002407912
作者：ciaocc
版权贵ciaocc所有，转载请注明版权。

概要

标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School

必要属性

属性	值	描述
content	some text	定义与http-equiv或name属性相关的元信息

可选属性

属性	值	描述
http-equiv	content-type / expire / refresh / set-cookie	把content属性关联到HTTP头部。
name	author / description / keywords / generator / revised / others	把 content 属性关联到一个名称。
content	some text	定义用于翻译 content 属性值的格式。

SEO优化

参考文档

页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。
使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。

代码如下:

页面描述，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。

代码如下:

搜索引擎索引方式，robotterms是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。确保正确使用nofollow和noindex属性值。

代码如下:

页面重定向和刷新：content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）。

代码如下:

其他

代码如下:

移动设备

viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。
大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。

代码如下:

1.width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素）
2.height：高度（数值 / device-height）（范围从223 到10,000）
3.initial-scale：初始的缩放比例（范围从>0 到10）
4.minimum-scale：允许用户缩放到的最小比例
5.maximum-scale：允许用户缩放到的最大比例
6.user-scalable：用户是否可以手动缩 (no,yes)
7.minimal-ui：可以在页面加载时最小化上下状态栏。（已弃用）
注意，很多人使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。

WebApp全屏模式：伪装app，离线应用。

代码如下:

隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效。content的值为default | black | black-translucent 。

代码如下:

添加到主屏后的标题

代码如下:

忽略数字自动识别为电话号码

代码如下:

忽略识别邮箱

代码如下:

添加智能 App 广告条 Smart App Banner：告诉浏览器这个网站对应的app，并在页面上显示下载banner(如下图)。参考文档

代码如下:

其他参考文档


    
     
 



登录

 










                 
                
                
                
                记住我的登录                            
        忘记密码？ 
  登录 
  




  
    
    
    
  
   
  
    
    
  
    
      
      我已阅读用户协议及版权声明
  
  
注册

内容总结

以上是互联网集市为您收集整理的常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作全部内容，希望文章能够帮你解决常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/410137.html

来源：【匿名】

【上一篇】a标签href属性与onclick事件使用实例_HTML/Xhtml_网页制作【下一篇】PHP 和 HTML

更多 ►

【常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作】教程文章相关的互联网学习教程文章

xhtmlrenderer把html转换成pdf打印问题【代码】

1、解决中文显示：加上中文字体：privatestaticfinal String WIN_FONT_SUN = "C:/Windows/Fonts/simsun.ttc";privatestaticfinal String WIN_FONT_HEI = "C:/Windows/Fonts/simhei.ttf";privatestaticfinal String LINUX_FONT_SUN = "/usr/share/fonts/my_fonts/simsun.ttc";privatestaticfinal String LINUX_FONT_HEI = "/usr/share/fonts/my_fonts/STZHONGS.TTF";if (isWindows()){ addFont(fontResolver, WIN_FONT_SUN);addFon...

汇总XHTML标签对搜索引擎的权重

搜索引擎优化并不仅仅这些，而是由很多很多因素组成，比如内容、内链、外链、作弊等等，所以你把上面的优化应用到你的网站后排名仍不理想，也是正常的。一个网站如果得不到搜索引擎的青睐，就算页面再漂亮、功能再好也不会有太好的效果。因为没人知道啊（做其他推广的除外）。为了让我们的网站被更多人知道、被更多人访问，就必须让搜索引擎收录我们的网站。这就是为什么专门的搜索引擎优化团队、公司不断出现。我们虽然不是专业人...

XHTML与html的区别【代码】

HTML相比于HTML 1.所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如和<li>而不一定写对应的和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: <img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" /> 2.所有标签的元素和属性的名字都必须使用小写与H...

XHTML和HTML的区别

1.HTML对于各大浏览器兼容性较差(pc端浏览器、手机端浏览器、PAD)，对于网页页面编写技巧要求比较高，现在web前端开发的静态网页，一般都是html4.0，HTML5就另当别论了。2.XHTML可以很好处理各大浏览器的兼容(pc端浏览器、手机端浏览器、PAD)，看起来与HTML有些相象但是和HTML有不少的区别，XHTML的语法较为严谨，习惯松散结构的HTML编写者刚开始接触XHTML有些不习惯。XHTML结合了部分XML的强大功能及大多数HTML的简单特性。3、HTM...

XHTML编码七条基本规范小结

一、所有的标记都必须要有一个相应的结束标记以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如： <br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200×80.gif" width="200" /> 二、所有标签的元素和属性的名字都必须使用小写与HTML不...

XHTML三种文件类型声明

XHTML定义了三种文件类型声明。最普遍使用的是XHTML Transitional。<!DOCTYPE>是强制使用的。一个XHTML文档有三个主要的部分：DOCTYPE Head Body 基本的文档结构是这样的：<!DOCTYPE ...><html><head><title>... </title></head><body> ... </body></html>在XHTML文档中，文档类型声明总是位于首行。一个XHTML的实例这个一个简单的（最小化的）XHTML文档：<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3....

CSS入门 XHTML文档结构树【图】

CSS通过与(X)HTML的文档结构相对应的选择器（selector）来达到控制页面表现的目的，而文档结构不仅仅在CSS的应用上非常重要，对于行为层（例如使用JavaScript控制元素的行为）同样也非常重要。　　文档结构(X)HTML文档可以看作一个家族树，这个树有1个祖先——根元素，然后各元素依次向下排列，例如有XHTML代码如下，其文档树如图4-1所示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtm...

XHTML与HTML的区别

XHTML的语法较为严谨，拥有一定的规则，如果不遵循规则的话容易出错。但也不必太过担心，因为XHTML的规则并不太难，它和HTML4.01标准没有太多的不同。需要注意的是以下几点：1.XHTML标签必须被正确的关闭，即使是单标签也要关闭错误：<p>我是一个p标签。正确：<p>我是一个p标签。</p>错误：<br>正确：<br />2.XHTML标签必须被正确地嵌套错误：<div><h1>标题</div></h1>正确：<div><h1>标题</h1></div>3.XHTML标签必须小写错误：<DI...

HTML设计模式日常学习笔记整理_HTML/Xhtml_网页制作

HTML设计模式学习笔记本周我主要学习了HTML的设计模式，现将我的学习内容总结如下：一．盒模型的学习 CSS中有一种基础的设计模型叫做盒模型，它定义了元素是如何被看做盒子来解析的。我主要学习了六种盒模型，分别为内联盒模型（inline box），内联块状盒模型（inline-block box），块状盒模型（block box），表格盒模型（table box），绝对定位盒模型（absolute box）和浮动定位盒模型（floated box）。盒模型设计模式是CSS中内...

HTML页面自动清理js、css文件的缓存（自动添加版本号）_HTML/Xhtml_网页制作

这篇文章主要介绍了HTML页面自动清理js、css文件的缓存（自动添加版本号）,小编觉得挺不错的，现在分享给大家HTML源码，也给大家做个参考。对HTML感兴趣的小伙伴们一起跟随小编过来看看吧在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：1、手动清除浏览器缓存2、添加版本号（如 layout.css?v=1）个人...

浅析用iframe来调用页面会不会缓存页面_HTML/Xhtml_网页制作

最近手里有个项目需要用iframe来调用每天都会变化的页面，后来想到iframe会不会缓存页面呢，于是写了个demo论证了下，结果如下： iframe的src如果是静态页面，就有可能会缓存，因为静态页面有200和304状态 iframe的src如果是动态页面就不会缓存，因为动态页面的都是200状态 iframe的src为伪静态页面的话，需要分析伪静态页面会不会有304状态，有的话也会缓存希望对遇到同样问题的童鞋有帮助。

在js或css后加?v=版本号不让浏览器缓存_HTML/Xhtml_网页制作【图】

代码如下:css和js带参数（形如.css?v=与.js?v= 或 .css?version=与.js?version= ）使用参数有两种可能：第一、脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。即上面代码对于文件来说等价于代码如下: 但浏览器会认为他是该文件的某个版本！第二、客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件，刷性缓存的作用。大家可能有时候发现...

html禁止清除input文本输入缓存的两种方法_HTML/Xhtml_网页制作【图】

多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法：方法一：在不想使用缓存的input中添加XML/HTML Code复制内容到剪贴板autocomplete="off";eg: input type="text" autocomplete="off" name="test" /> 方法二：在 input 所在的form标签中添加XML/HTML Code复制内容到剪贴板autocomplete="off";eg: form action="#" autocomplete="off"> input type="t...

ie6下的背景图片缓存_HTML/Xhtml_网页制作【图】

IE6下CSS背景图片闪烁的Bug（ie6下的背景图片缓存问题） IE6下的背景图片每次使用都会重新发送请求(非本地)，连一个hover效果时候同样的背景图片仅仅位置不同而已，ie6都会再次发送请求，这个令人崩溃的事情需要解决掉：对于ie来说，filter:expression 很强大，能够实现的功能超级多，但是更对于视效率如生命的程序员来说，它的效率不敢令人恭维，所以有人会用css方法实现ie6下背景图片缓存，但是这种人也就是崇拜微软的强大而已：...

禁止页面缓存的几种方法分享_HTML/Xhtml_网页制作

今天在开发时碰到一种方法，就是客户要求页面不缓存，查了一下得出如下几种不让页面缓存的办法 html只要加在头部就可以了.代码如下: asp教程做法代码如下:Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.CacheControl = "no-cache" Response.AddHeader "Pragma", "No-Cache" php教程做法代码如下:header('Expires: ...

首页 / HTML / 常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作

常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作

内容导读

内容图文

内容总结

内容备注

内容手机端

【常用HTMLmeta标签属性(网站兼容与优化需要)_HTML/Xhtml_网页制作】教程文章相关的互联网学习教程文章

兼容 - 相关标签

HTML - 技术教程分类

HTML - 最新教程

HTML - 最热教程