meta标签

Meta标签详解

拜拜、爱过 提交于 2020-02-07 04:41:06
1 引言 2 3   您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广 4 个人网站,人们首先想到的方法无外乎以下几种: 5    6   ● 在搜索引擎中登录自己的个人网站 7    8   ● 在知名网站加入你个人网站的链接 9 10 11   ● 在论坛中发帖子宣传你的个人网站 12 13 14   很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧! 15 16 17   META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的 < HEAD > 标记和 < TITLE > 标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。 18 19 20 21   详细介绍 22 23 24   下面介绍一些有关 标记的例子及解释。 25 26 27   META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 28 29 30 31   ★HTTP-EQUIV 32

Meta标签 、Link标签

戏子无情 提交于 2020-02-07 04:38:05
Meta标签【本次用法均在head标签里面】 <meta charset=“utf-8”> charset:表示字符集 utf-8是目前最常用的字符集编码方式, 常用的字符集编码方式还有gbk和gb2312 gb2312 简单中文 GBK包含全部中文字符 繁体 BIG5 繁体中文 UTF-8则包含全世界所有国家需要用到的字符 Meta 的属性有两种: name和http- equiv 。 name属性主要用于描述网页,对应于content(网页内容) ⑴、<meta name=“Generator” contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等; ⑵、<meta name=“KEYWords” contect="">向搜索引擎说明你的网页的关键词; ⑶、<meta name=“DEscription” contect="">告诉搜索引擎你的站点的主要内容; ⑷、<meta name=“Author” contect=“你的姓名”>告诉搜索引擎你的站点的制作的作者; ⑸、<meta name=“Robots” contect= “all/none/index/noindex/follow/nofollow”> 其中的属性说明如下:   设定为all:文件将被检索,且页面上的链接可以被查询;   设定为none:文件将不被检索

Meta标签基本使用

筅森魡賤 提交于 2020-02-07 02:28:43
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>要挑 - 就是要,挑好的。</title> <meta name="keywords" content="要挑,要挑APP,要挑官网,要挑购物,要挑会员,要挑客服" /> <meta name="description" content="要挑以“生活,就是要,挑好的”为理念,秉承严谨的态度,严控各个生产环节,优选产品,为用户提供母婴玩具、家居日用、美妆个护、新鲜美食等品类精选商品。为用户提供富质感的产品和服务,优化线上购物体验,提升用户生活幸福感。" /> <meta name="renderer" content="webkit"> 1、Keywords (关键字)    说明:为搜索引擎提供的关键字列表    用法:<Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……">    注意:各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如:       <Meta name="Kyewords" Lang="EN"

你不知道的meta标签

扶醉桌前 提交于 2020-02-07 02:22:01
前言   meta标签可以用来做seo优化、指定移动端viewport的展现形式、设置http请求、告诉浏览器缓存静态资源的模式等等。今天整理一下使用meta标签实用的,常见的场景。 meta标签的组成   meta标签的作用取决于我们为它定义的属性和属性值。   name:把content属性连接到某个名称。   content:定义与 http-equiv 或 name 属性相关的信息。   http-equiv:把content属性关联到http头部。   charset:定义文档的字符编码。 指定浏览器缓存模式   这里有个坑。在项目开发阶段后台接口的数据结构经常会发生变化,但接口名称不变。浏览器会缓存之前请求过来的数据,新的请求接口名称不变的话,浏览器就会使用缓存。有一次我修改同一段代码无数次,页面上的显示就是不变。然后开始疯狂检查代码,看了一遍又一遍,纠结两个多小时,才发现是浏览器缓存在做妖。   http-equiv的值中的cache-control指定请求和响应的缓存机制,在content中指定具体描述   》no-cache:先发送请求,与服务器确认该资源是否被更改,如未被更改,则使用缓存。   》no-store:不准缓存,每次都去服务器,下载完整的响应。开发测试时经常刷着就页面就不更了。   》public:缓存所有响应。    》private

JS DOM创建节点

不打扰是莪最后的温柔 提交于 2020-02-06 19:55:36
DOM节点操作之增删改查 document.write() 可以向文档中添加节点 但是有个致命问题,会把文档原有的节点全部清空 因此不推荐使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } </style> <script src="DomReady.js"></script> </head> <body> 这是原有的节点哦~ <script> myReady(function(){ document.write("这是document.write创建的节点!"); }); </script> </body> </html> create系列方法: document.createElement 创建元素节点 document.createTextNode 创建文本节点 document.createComment 创建注释节点 document.createDocumentFragment 创建文档片段节点 .appendChild() 追加子元素 document.body.insertBefore(要插入的节点,插入的位置); 在指定位置前插入节点 .firstChild

深入理解 Vue 组件

萝らか妹 提交于 2020-02-06 15:51:13
深入理解 Vue 组件 组件使用中的细节点 使用 is 属性,解决组件使用中的bug问题 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>组件使用中的细节点</title> 9 <script src="./vue.js"></script> 10 </head> 11 12 <body> 13 <div id="root"> 14 <table> 15 <tbody> 16 <!-- H5编码规范要求,tbody内必须是tr,因此row组件不能用,会产生bug, 17 因此 is 关键字起到了很好的作用,将此时的 tr 标签等于我们创建的 row 子组件。 18 完美解决了既要使用组件永不会影响H5编码规范的问题 19 不仅仅是table标签,ul ol select 标签都有相同的问题。--> 20 <tr is="row"></tr> 21 <tr is="row"></tr> 22 <tr is="row"

meta标签

风格不统一 提交于 2020-02-06 13:56:37
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 定义文档的编码类型 <meta http-equiv="language" content="zh-cn" />定义页面语言 <meta http-equiv="refresh" content="3,http://hi.baidu.com/pclys" />定义页面刷新并转向 <meta http-equiv="expires" content="sunday 26 october 2008 01:00 GMT" />定义页面缓存过期时间 <meta http-equiv="pragma" content="no-cache" />定义页面不进行缓存 <meta name="keywords" content="电影 音乐 动漫" />定义网页关键词 <meta name="description" content="最好的学习网站,大家都来吧" />给页面做简短描述 <meta name="author" content="pclys" />定义网页的作者 <meta name="copyright" content="pclys所有" />定义网页的版权 <meta name="date" content="2010-07-12T20:50

META标签

孤街浪徒 提交于 2020-02-06 13:55:27
META标签,是HTML语言head区的一个辅助性标签。在几乎所有的page里,我们都可以看到类似下面这段html代码: ---------------------------- <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> --------------------------- 这就是meta标签的典型运用。meta标签有多少参数,有什么作用,为什么我们要特别重视它呢?让我们一起来发掘meta标签的奥妙! 根据HTML语言标准注释:meta标签是对网站发展非常重要的标签,它可以用于鉴别作者,设定页面格式,标注内容提要和关键字,以及刷新页面等等。 meta标签分两大部分:HTTP-EQUIV和NAME变量。 ●HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1.expires(期限) 说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。 用法:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 注意:必须使用GMT的时间格式。 2.Pragma(cach模式) 说明

html的Meta标签

橙三吉。 提交于 2020-02-06 13:48:22
<html> <head> <!-- 解决乱码,告诉浏览器 当前文档类型和编码 --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="refresh" content="3;url=06-图形标签.html"> <title>Insert title here</title> </head> <body> <!-- meta标签 :属性标签 . 网页元标签 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="refresh" content="3;url=06-图形标签.html"> //-------------------------------------------------- <meta name=“keywords” content=“传智播客,IT培训" /> <meta name="description" content="传智播客是国内最大的……" /> --> </form> </body> </html> 来源: https://www.cnblogs.com/nextgg/p/7646102.html

jQuery入门

梦想的初衷 提交于 2020-02-05 00:22:59
简介 What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery是一个快 轻量 丰富的JavaScript库,主要封装了四块内容,分别是:html遍历操作,事件,动画 和Ajax. 并且使用简单,丰富和易于扩展。 官网:www.jQuery.com www.bootcdn.cn 下载jQuery jQuery的基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>