整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
之前的一篇文章已經給大家提供了免費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小時內與您取得聯系。
