今天快速筆記一下匯入CSS 跟 script的語法
<link rel="icon" href="favicon.png" /> <!-- 網頁左邊icon -->
<link rel="stylesheet" href="/CSS.css">
<link rel="preload" href="myFont.woff2" as="font"
type="font/woff2" crossorigin="anonymous"> 可以預載資源"preload"
<script type="text/javascript" src="/related.js" /><link> 要放在 head之間 <head> … </head>
<script> 標記可以寫HTML頁面中的任何地方，沒有特殊要求的情況下，可以寫在 <head>裡面，但是如果對JS程式碼有載入順序的要求的，那麼請寫在body最下方。
<link>rel="preload" 時才能使用的:
<link>rel="preload" 時才能使用的:| 值 | 应用于 |
|---|---|
| audio | <audio> 元素 |
| document | <iframe> 和 <frame> 元素 |
| embed | <embed> 元素 |
| fetch | fetch, XHRThis value also requires <link> to contain the crossorigin attribute. |
| font | CSS @font-face |
| image | <img> and <picture> elements with srcset or imageset attributes, SVG <image> elements, CSS *-image rules |
| object | <object> elements |
| script | <script> elements, Worker importScripts |
| style | <link rel=stylesheet> elements, CSS @import |
| track | <track> elements |
| video | <video> elements |
| worker | Worker, SharedWorker |
其他link中要屬性:
crossorigin:
“use-credentials”
“anonymous”
參考:
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/link
@copyright MRcodingRoom
觀看更多文章請點MRcoding筆記
觀看更多文章請點MRcoding筆記
