关于常用meta的总结】的更多相关文章

本文是作者从百度百科和其他从网页中搜索到的资料,经综合整理,把常用meta标签列举并示例说明,仅供参考. 1.<meta charset="UTF-8"> --- charset="UTF-8" 定义网页显示网页内容时使用的字符编码为utf-8 说明:UTF-8 是国际字符编码,独立于任何一种语言,支持显示所有语言,任何语言都可以使用.UTF-8编码的文字可以在各国各种支持UTF8字符集的浏览器上显示.比如,如果是UTF8编码,则在外国人的英文IE上也能…
Html5 webApp常用Meta标签 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimal-ui"/> <meta name="apple-mobile-web-app-capable&…
移动前端常用meta标签 移动前端head常用meta标签 原文链接:http://caibaojian.com/mobile-meta.html //code from http://caibaojian.com/mobile-meta.html <!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 htt…
1.charset   定义文档的字符编码 例如: <meta charset="UTF-8"> 2. name  把 content 属性关联到一个名称,其属性有   name 属性  content 属性 描  述 description 中文或英文字母均可 规定页面的描述.搜索引擎会把这个描述显示在搜索结果中. 例如: <meta name="description" content="这是一个游戏网站"> keyw…
移动常用 <meta charset="UTF-8"> <title>{$configInfos['store_title']}</title> <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no,minimal-ui" name="viewport"…
1.WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"> 注意:viewport 后面加上 minimal-ui 在safri 体现效果 <meta name="apple-mobile-web-a…
入行也半年了,无数次的想过写博客也无数次的想过第一篇会写什么,一直没有落实.今天心血来潮把博客开了,那就写点东西吧.第一篇就写一写看似简单但又经常不注意到的meta标签吧.(博主经验尚浅,有许多理解不到位的地方或者说错的地方欢迎批评指正) <meta charset="utf-8"/>不说了~这个是祖师爷 1.让浏览器默认以什么版本来显示: <meta http-equiv="X-UA-Compatible" content="IE=ed…
今天在对前公司的某直播室前端进行改版时,整理了一下平时移动端页面开发时,最常用的meta.如下: <!--定义页面制作者,可以留姓名,也可以留联系方式--> <meta name="author" content="chenjunfeng"/> <!--向搜索引擎说明你的网页的关键词--> <meta name="keywords" contect=""/> <!--告诉搜…
<!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --> <meta name="HandheldFriendly" content="true"> <!-- 微软的老式浏览器 --> <meta name="MobileOptimized" content="320"> <!-- uc强制竖屏 --> <meta name…
一.常见的<meta>(摘自百度) 1. 设置编码信息<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8" /> 设置语言<meta http-equiv="Content-Language" Content="zh-CN" /> 设置重定向 <meta http-equiv="Refresh&q…
标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web 服务. ——W3School 必要属性 可选属性 通用: <meta charset="utf-8"> 设置页面编码为UTF8,防止乱码,需要页面保存为UTF8无BOM格式 <meta http-equiv="X-UA-Compatible" content="IE=edge&qu…
< meta > 元素 定义 meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. -- W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把conte…
页面关键词 <meta name="keywords" content="your tags" /> 页面描述 <meta name="description" content="150 words" /> 搜索引擎索引方式 <meta name="robots" content="index,follow" /> <!-- all:文件将被检索…
<!DOCTYPE html><html lang = ""><head> <title></title> <meta charset = "utf-8"> <!--width - 可视区域的宽度,值可为数字或关键词device-width --> <!--height - viewport的高度--> <!--initial-scale - 初始的缩放比例--&g…
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. —— W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性…
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. —— W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性…
< meta > 元素 概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web 服务. ——W3School 必要属性 可选属性 SEO优化 参考文档 页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字.使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语.标记内容太短,则搜索引擎可能不会认为这些内容相关.另外标记不应超过 874 个字符. <met…
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --&g…
<!-- 视图窗口,移动端特属的标签. --> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏. --> <meta name="apple-mobile-we…
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0'/> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatib…
<!-- 设置字体编码 --> <meta charset="UTF-8"> <!-- 视图窗口,移动端特属的标签. --> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <!-- 是否启动webapp功…
转自:http://segmentfault.com/a/1190000002407912 w3c -- <meta>标签:http://www.w3school.com.cn/tags/tag_meta.asp SEO优化 页面关键词,每个网页应具有描述该网页内容的一组唯一的关键字,逗号隔开. 使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语.标记内容太短,则搜索引擎可能不会认为这些内容相关.另外标记不应超过 874 个字符.https://msdn.microso…
meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的,它可以用于浏览器(显示内容/重新加载页面),搜索引擎(关键字),或者其他web服务. 一.页面设置 <!-- 页面描述 --><meta name="description" content="页面描述,控制在150字以内" /> <!-- 页面关键词 --><meta name="keywords" content=…
标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. 页面关键词 <meta name="keywords" content="your tags" /> 每个网页应具有描述该网页内容的一组唯一的关键字. 使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语.标记内容太短,则搜索引擎可能不会认为这些内容相关.另外标记不…
meta标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部. name author /…
文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTML文档的基本结构,以及就如何处理文档向浏览器提供信息和指示,它们本身不是文档内容,但提供了关于后面文档内容的信息.--出自<html5权威指南> 如title.base.meta都是元数据元素.本文主要介绍<meta>. <meta>元素 <meta> 元素可提…
meta 标签可提供页面元素信息, 使用键值对的定义方式,可以记录网页上的主要信息,也可以自定义键值对 属性 content(必须),name,http-equiv,scheme,lang 常用 meta 头: 设置编码信息 <meta http-equiv="Content-Type" Content="text/html; Charset=utf-8" /> 设置语言 <meta http-equiv="Content-Languag…
https://github.com/hoosin/mobile-web-favorites 总况 meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). http-equiv 属性的 Content-Type 值(显示字符集的设定) 设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容. <meta http-equiv="Content-Type" content="t…
对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是对特定代码的优化和对动态网页进行静态处理的措施. Title 和 Meta 标签 以.html 或.htm 为扩展名的 HTML 文档称为静态网页.Meta 称为元标志,用于网页的<head>与</head>中.Meta 标签的用处很多,目前几乎所有的搜索引擎机器人都通过自动查找Met…
<meta> 元素可提供有关页面的元信息,元数据总是以名称/值的形式被成对传递的. <meta> 标签位于文档的头部,不包含任何内容. <meta> 标签的属性定义了与文档相关联的名称/值对. meta标签分两大部分:HTTP标题信息(http-equiv)和页面描述信息(name) name 属性 name 属性提供了名称/值对中的名称.HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称.通常情况下,您可以自由使用对自己和源文档的读…