跳到主要內容區

在 HTTPS 協定下製作網頁時應注意的事項

最後更新日期 : 2024-04-16
※本校 Rpage 網站平台已全面導入SSL安全憑證,在製作網頁時,頁面中所載入的元素來源網站也必須支援HTTPS協定,以避免在使用https://瀏覽網頁時出現問題。

▼以Mozilla Firefox為例:當網頁中載入非安全協定的來源元素時,瀏覽器提出的安全警示。
▼若來源檔案已上傳至後台「文檔系統」或「資訊附件」附檔中,可使用「相對路徑」的方式載入。
<... src="/路徑/檔案名稱" />
▼若由外部網站載入檔案,則使用「絕對路徑」,且來源網站必須支援HTTPS協定。
<... src="https://來源網站/路徑/檔案名稱" />
▼幾種使用載入檔案的網頁元素:
▼載入img圖片。
<img src="https://www.ndhu.edu.tw/var/files/.../JPG.jpg" />
▼載入audio聲音。
<audio src="https://www.ndhu.edu.tw/var/files/.../MP3.mp3" controls></audio>
▼載入video影片。
<video controls autoplay muted> <source src="https://www.ndhu.edu.tw/var/files/.../MP4.mp4" type="video/mp4"> </video>
▼載入css樣式。
<link rel="stylesheet" href="https://www.ndhu.edu.tw/var/files/.../CSS.css" />
▼css樣式中載入屬性來源url。
background-image:url("https://www.ndhu.edu.tw/var/files/.../JPG.jpg");
▼載入script程式語言。
<script src="https://www.ndhu.edu.tw/var/files/.../JS.js"></script>
▼script程式中開啟資料來源。
var Data = "https://www.ndhu.edu.tw/var/files/.../JSON.json";
▼使用iframe嵌入。
<iframe src="https://www.ndhu.edu.tw/var/files/.../PDF.pdf"></iframe>
▼使用object或embed嵌入。
<object data="https://www.ndhu.edu.tw/var/files/.../SWF.swf"></object> <embed src="https://www.ndhu.edu.tw/var/files/.../SWF.swf" />
▼元素來源或連結目的位址為站內檔案時,建議使用「相對路徑」。
<... src(or rel、data、href)="/路徑/檔案名稱">
▼常見的外部網站來源素材載入範例:
▼嵌入YouTube影片。
<iframe src="https://www.youtube.com/embed/8N1uPS_UxQ0"></iframe>
▼嵌入Vimeo影片。
<iframe src="https://player.vimeo.com/video/198679945"></iframe>

▼嵌入Google文件。
<iframe src="https://docs.google.com/document/d/e/2PACX-1vSjmftTZSzm7Gxr1mZoQlMRuWn9VMMIJB1QL6iBELq7drMTdaBZQygN_qZuRzJ0gimzCTNJmwNcLfTw/pub"></iframe>
▼嵌入Google行事曆。
<iframe src="https://www.google.com/calendar/embed?mode=AGENDA&amp;src=ndhuoaa%40gmail.com"></iframe>
瀏覽數: