整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
之前的一篇文章已经给大家提供了免费SSL证书的申请方法，这一篇文章是告诉大家在使用免费的SSL证书时可能会遇到的问题【怎么让http自动跳转到https以及http与https同时使用】的解决方法。
问题描述：当https可以免费申请后，越来越多的朋友都为自己的网站去申请了ssl证书，不仅能够在搜索引擎的排名上获得一定优势，而且在网站的信誉上也能获得很大的提升，但是很多草根站长、个人站长、网站爱好者等不一定懂怎么去绑定ssl证书到网站上，也不懂怎么让网站开启https加密模式浏览，更不懂http怎么才能跳转到https，看到大家的问题后，不二版本就在这里为大家详细的介绍一下http通过iis rewrite url 301重定向的方式自动跳转到https。（此篇文章同时适用于：阿里云、腾讯云、百度云、美橙云、360云主机、西部数码等主机商的云主机，不适用与使用虚拟主机的朋友）
网站启用HTTPS访问后，http怎么自动跳转到https？
首先我们要确保IIS管理器上面有URL重写模块，如果没有的童鞋可以到微软官网下载，下面提供下载方式：
IIS7（其它版本可在官网查找）下载地址：
URL Rewrite简体中文32位
URL Rewrite简体中文64位
URL Rewrite英文版
注意：如果之前安装过英文版url rewrite的同学想要将英文版的重写模块更换成为简体中文版，需要先在控制面板-添加/删除程序中将以前安装的英文模块删除掉，然后再进行简体中文版的安装。
接下来我们开始添加重写规则：
在服务器IIS控制台中找到URL重写模块（英文版：URL Rewrite）确认以后进入下个步骤；
选中需要实现http跳转https功能的网站，双击“URL重写”，选择如下图“添加规则”；
在弹出的引导框中选择空白规则（默认选项即可），点击确定进入入站规则编辑界面；
根据下图示意进行规则编辑（按图所示进行操作）；
注※：名称可以随意编辑，模式需要自行输入：(.*)
展开条件选项菜单，点击添加按钮，照着下图进行编辑输入，点击确定完成条件添加；
注※：条件输入：{HTTPS}，默认选择与模式匹配，模式输入：^OFF$
在走一波刚才的操作，如图所示，添加条件，点击确定；
注※：条件输入：{HTTPS_HOST}，默认选择与模式不匹配，模式输入：^(localhost)
选择执行操作类型，如下图；
注※：操作类型选择重定向，重定向URL输入：https://{HTTP_HOST}/{R:1}，重定向类型选择301永久性
填写完毕，点击右上角应用，应用此规则；
按照以上操作下来就大功告成了，此时可以用浏览器访问你http的网站检查是否能够正常跳转到https地址，完美的解决http不能跳转到https。（虽然还有很多方法可以实现，但是PanoEade不建议大家使用403、404、页面跳转的模式，那样会对seo有很大影响，所以慎用！）
欢迎分享，转载请注明原文地址：https://www.panoeade.com/post/184.html
我们在浏览一个网页的时候，通常会遇到比较长的网页，一直向下拉滚动条一直向下，而在最底部的位置通常会有一个一键返回到顶部
或者返回到哪里的按钮，这个按钮就是利用的 锚点链接 功能。
就两个值：第一个就是锚点下在哪里？第二个就是点在哪里？
<body>
<!-- 2、跳转的目标位置：点-->
<a id="test">这里是顶部</a>
<!-- 1、跳转的按钮：锚-->
<a href="#test">回到顶部</a>
</body>源代码：↓
备注：如果手机上看格式错乱，建议粘贴到电脑版编辑器里观看。
没事的时候会用百度网站搜一些东西，相信有不少小伙伴都有这种爱好，眼熟不这个就是百度的页面结构
要知道图片格式一般分为三种：gif 动态图片, jpg格式, png 格式。
想要引用图片到网页上面需要用到 <img> 图片标签。
使用的格式：<img src=" " alt=" " />
其中 img 代表我们现在要想页面中添加的是图片 src 是 img 的属性后面添加图片的路径，也就是我们图片存放的位置。
alt 属性是规定图像的替代文本，就是有的时候图片因为各种原因加载不出来的时候会有一段文字出现在哪边提示我们这是一个什么图片。
路径又分两种
1.绝对路径（完整的描述文件位置的路径）有两种方式：
一是从盘符出发的路径，相信小伙伴们应该有安装软件的经历，我们选择的安装目录，就是软件的路径。
类似于这样：C:\Program Files\EditPlus 3 盘符这就是一个完整的从盘符出发的路径。
(在这种情况之下，我们加载到页面的图片只有我们的电脑可以显示，别人打开这个页面，是没法加载图片的，因为别人的电脑不一定有同样的路径 甚至同样的路径之下未必有同样的图片。）
还有一种就是从服务器出发的，简单来说我们看到网上的图片想要添加到我们的页面上，选择图片鼠标右键复制图片地址,（这个地址就是图片所在服务器空间的文件目录地址）
我们把这个地址粘贴到 src 属性这里 就可以在我们的页面中看到这张图片了。
相对路径
就是自身相对与目标位置从当前目录出发，HTML 文件和图片在同一目录（文件夹）里，可以直接引用文件名。
| 符号 | 路径 |
| ./ | 当前目录 |
| ../ | 返回上一层目录 |
| ../../ | 返回上一层的上一层的目录 |
像上图这种情况我们的 html 文件和 图片1.jpg 在同一个页面。同时在 images文件夹中存在图片2.jpg 我们该如何调取这两张图片呢？
这样我们打开页面就可以看见这两张图片了。
当然除了上面讲两个属性还有很多属性哦！可以用 width 属性用来设置图片的宽度和 height 属性来设置图片的高度哦！
当然这只是一个图片，要想实现点击图片就可以跳转网页的功能还差一点，差一个a标签。把网站的地址，和图片的路径同时写在a标签里面。就像这样。
页面的效果：
这样无论我们点击那个图片都可以进入百度的页面了！
看到这里你想到了什么？要不要建一个页面然后用图片把链接包装起来，只有你知道图片后面是哪个链接，这样想想还有点小激动呢！嘿嘿嘿
*请认真填写需求信息，我们会在24小时内与您取得联系。
