我给女朋友讲编程html系列(11)—网页重定向,301重定向,302重定向

   虽然以前只在淘宝买东西,不过现在对其他电商也不排斥了,就比如京东吧,今天就以京东为例。

你在浏览器中输入“360buy.com”,看看发生了什么?

另外输入“jingdong.com”,再看看发生了什么?看看网址变了没有?

见证奇迹,请看下图:

  不管你输入哪个网址,都会转到这个网址。

这其实叫“重定向”,那么怎么实现网站重定向呢?

任意新建一个网页,如a.html,名字随便叫,只要后缀是.html就行了。输入下面的html代码:

<html>
<head>
<meta http-equiv="Refresh" content="5;url=http://www.jd.com" />
</head>
<body >
等5秒,我就要找强哥了。
</body>
</html>

保存后,在浏览器中打开这个网页,等5秒,你会看到这个网页转到了京东首页。

起作用的就是下面这行代码:

<meta http-equiv="Refresh" content="5;url=http://www.jd.com" />

  <meta> 标签必须位于文档的头部,它提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

http-equiv="Refresh"是meta标签的一对属性 键/值对,它告诉了浏览器根据content的内容来“自动刷新”网页并指向新的网址,"5;url=http://www.jd.com"中的5就是是时间间隔,单位是秒,也就是过5秒后刷新,url=http://www.jd.com的意思是跳转到新的网址http://www.jd.com

这样就可以从某一个网页或网站跳转到另一个网页或网站了。它的专业术语叫“重定向”,等会给你讲点更专业的内容。

是不是很简单啊,不过,这种方式过时了。这是2000年以前经常使用的方法。

“重定向”指的就是通过某种技术手段,把你请求的某个网页或网站,跳转到另外一个网页或网站,比如你输入”jingdong.com”,它跳转到了”jd.com”。

重定向的方式有:301重定向、302重定向与meta fresh。上面讲的就是meta fresh方式。

  下面讲讲301重定向和302重定向:

1,

301代表永久性转移(Permanently Moved),301重定向主要是将需要转移的网址重定向另一个新的网址上,并且是永久性转移,比如你输入了”jingdong.com”,它总会跳转到”jd.com”,一般网站更换了域名或者有多个域名,都是使用这种方式跳转,这种方式几乎不影响网站在百度中的排名,因此是最友好的重定向方式。

2,

302代表暂时性转移(Temporarily Moved ),这个内容我搜了很多文章,比如什么时候使用302重定向,结果没有令我满意的。后来查看自己的IIS重定向的设置时发现了

307重定向,看来内容真是多啊。下面谈谈我的看法,看出来错误的请帮我指正。

我觉得302重定向是这样使用的,比如我有个域名A,对应的网站程序是Web1,由于某种原因域名A无法访问了,比如域名到期了还没交费,被管理员停了,但是你的网站主机还有费,还可以登录,而且你还有另外一个闲置的域名B,这个时候把B域名绑定到网站Web1上,但是对网站Web1设置302重定向,重定向到域名A,这样,站长发表的新文章,虽然是通过B域名来访问,但是搜索引擎仍然把域名A当做网站Web1的作者,这样,在A不能访问的期间,仍然可以通过域名B来增加域名A在搜索引擎中的权重,这对临时性的维护域名A就比较重要。

不知道我的理解对不对,希望了解的朋友帮忙解释一下。

不过302重定向使用的情况非常少,可以说,基本都是使用301重定向。下面是摘抄的两段解释:

1,什么时候需要做302重定向呢?

当一个网页经历过短期的URL的变化时使用。比如A域名因为某种原因暂时不能够访问,站长通过B域名来实现网站的暂时访问,这时做好302重定向,就能够被搜索引擎蜘蛛正确地处理,搜索引擎会依然会抓取新的内容而保存旧的网址。这样就不会影响原来网站域名在搜索引擎的权重及排名。

当然,在我们日常建站中,302重定向使用概率非常小,远不及301重定向用得多,至少小虫是这样认为的。这里只是让大伙做个了解。有的站长说302重定向会导致排名下降,小虫认为是没有正确做好的原因。望大家一起学习,共同进步。

2,HTTP 的重定向(301,302,303,307)

301 永久重定向,告诉客户端以后应从新地址访问.

302 作为HTTP1.0的标准,以前叫做Moved Temporarily ,现在叫Found. 现在使用只是为了兼容性的处理,包括PHP的默认Location重定向用的也是302.

但是HTTP 1.1 有303 和307作为详细的补充,其实是对302的细化

303:对于POST请求,它表示请求已经被处理,客户端可以接着使用GET方法去请求Location里的URI。

307:对于POST请求,表示请求还没有被处理,客户端应该向Location里的URI重新发起POST请求。

下面重点讲一下,如何通过IIS8来配置网站的重定向。

一,配置网站WebTest2

1,  将你的网站或网页放到一个文件夹中,比如WebTest2中。

如何没有网站,可以在WebTest2中新建一个index.html文件,然后把下面的内容复制粘贴进去保存:

<html>
<head>
</head>
<body >
WebTest2欢迎您。
</body>
</html>

2,打开IIS8,也可以看下图操作,在Default web site上右击,选择添加应用程序,选择物理路径,确定就行了。

二、使用同样的方法配置网站WebTest2

不过把网页index.html中的内容修改一下:

把【WebTest2欢迎您。】修改为【WebTest1欢迎您。】

三、配置WebTest2重定向到WebTest1

1,打开重定向设置框:

(1)    单击WebTest2

(2)    单击功能视图

(3)    双击HTTP重定向

2,配置网站WebTest2的重定向

直接按照下图操作。

说明:

(1)    本机一般都是使用localhost表示。下面是百度百科的解释:

localhost(意为“本地主机”,指“这台计算机”)是给回路网络接口(loopback)的一个标准主机名,相对应的IP地址为127.0.0.1

(2)    上面我举得例子,从jingdong.com重定向到jd.com,这是域名的重定向,我这里做的是网站的重定向,不知道这个例子是不是合适,不过如何设置301重定向确实就是这么做的。

(3)    图上这4步操作完成后,单击最右上角的“应用”。相当于保存。

四、见证奇迹

1,分别在网站WebTest1和WebTest2上右击,选择【管理应用程序】,选择【浏览】,然后会发现网页上总是显示【WebTest1欢迎您。】

这就说明设置重定向成功了,因为你打开WebTest2,它重定向到了WebTest1。

不过,我测试的时候,只有一次成功了,后面测试了好几次,浏览器都给我直接转到hao123了,不知道是不是浏览器的原因。

我给女朋友讲编程html系列(11)—网页重定向,301重定向,302重定向

时间: 2024-10-03 22:53:57

我给女朋友讲编程html系列(11)—网页重定向,301重定向,302重定向的相关文章

我给女朋友讲编程html系列(9)—颜色值及如何获取颜色值和下载软件小技巧

一.颜色名 大多数的浏览器都支持颜色名集合. 仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持.它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow. 其实这里面只需要记住下面几个常用的就行了: 序号 颜色名 意思 1 red 红色 2 green 绿色 3 blue 蓝色 红绿蓝是颜色3原色,按不同比例混合可

我给女朋友讲编程CSS系列(4) CSS盒子模型

什么是CSS盒子模型?如何学习CSS的盒子模型? 这篇文章,以 [分享 + 结论]  的方式来写. 1,  看w3school的[CSS 框模型概述] 网址为: http://www.w3school.com.cn/css/css_boxmodel.asp 接着把[CSS内边距],[CSS外边距],[CSS外边距合并]看看. 小结: (1)    一般,在样式表中,都会先把所有元素的外边距和内边距设置为0 * {   margin: 0;  padding: 0;  } * 是通配符,就是一个符

我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体

一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置. 1,  新建一个网页a.html,把下面的代码复制进去. <html> <head> <style type="text/css"> body { font-family : 微软雅黑,宋体; font-size : 1

我给女朋友讲编程CSS系列(2)- CSS语法、3大选择器、选择器优先级

首先看一下使用Css设置h1标签字体颜色和大小的例子,效果图如下: 新建一个网页test.html,然后复制粘贴下面的内容: <html> <head> <style type="text/css"> h1 {color:red; font-size:14px;} </style> </head> <body > <h1>使用Css让h1标签字体变红</h1> </body> &

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称

我给女朋友讲编程html系列(8)—什么是域名及域名投资

曾经,同学给我讲了一个笑话,他说一个人在谷歌输入框中输入“百度”,然后从谷歌搜索到的网页中打开“百度”,再在百度框中搜内容.我们给这个笑话起了个名字,“在谷歌里面百度”. 如果,他知道百度的域名,直接在网址栏中输入baidu.com,不就直接打开百度了吗.何必这么费事呢? 因此,记住一些常用的域名也是有必要的,节省时间啊. 简单的,你可以直接认为域名就是网址,比如www.baidu.com,www.qq.com,www.taobao.com等等. 每一个联网的电脑都有一个ip,比如 189.16

我给女朋友讲编程-题外话系列(1)--害怕过七夕,不知道买什么礼物

我女朋友在外地出差,平常能够做的就是打打电话,聊聊天. 下周六就是中国的情人节了. 说实话,也许你们觉得七夕很浪漫,但是我是有一点小恐惧,因为不知道送什么礼物给女朋友好.以前给女朋友送过一些礼物,尽管精心准备,有时难免留有遗憾. 不管怎么说,又是一次情人节,我还是需要精心准备一下,于是花时间来搜索礼物,另外也请朋友们给我出一点建议. 下面是我搜到的一些礼物,想看大图片的朋友可以单击小标题.请大家给点建议. 1, 戒指 曾经在网上买了两对情侣戒指,还刻上了双方名字首字母,满心欢喜送出去,女朋友收到

我给女朋友讲编程总结建议篇,怎么学习html和css

总共写了11篇博客了,7篇讲html的,4篇讲网络的.不敢说写的多么好吧,最起码的是我迈出了写作的第一步,写作的过程中了解了一些其他的知识,比如SEO.几种重定向等,由于个人能力和见识有限,写出来的东西并是不是太好. 像html的那些标签,说出来大家都知道,但是具体设计网页的时候,使用哪种标签是最好的?怎么和CSS搭配最完美?写网页的时候,有没有什么艺术性的指导?对我这个初级的程序员来说,确实太难了,没有见识过大牛的技术,没有经历过高山流水,怎么可能写出绝对的干货. 有个大师说,50岁之前不写东

我给女朋友讲编程分享篇--看我姐和我女朋友如何学编程

有两天没有更新文章了,真是惭愧啊.前天,我想写写有关网站配色.美工方面的一些内容,查了很久,都没有找到满意的,本人也是程序员,没做过美工,所以对这方面确实很欠缺,希望哪位美工看到了,可以给我们程序员专门写一个系列的文章,叫<我教程序员学美术>,然后用最简单的.最生动的内容写出来,一定有很多程序员喜欢看.如何真得火了,到时候出书了,我一定买一本,捧捧场,哈哈. 昨天,搜了一下,如何注册免费空间和域名,本来是想注册一个免费的域名,申请一个免费的空间,自己可以更新文件的那种,结果,找了好几个,都不满