src可以在HTML5出現嗎

src可以在HTML5出現，src是html5中用來設定元素映射url的屬性；src屬性在html5中是source的縮寫，是來源的意思，可以作為媒體元素「HTNLDediaElement」的媒體資源映射URL，例如「198a30bd8a8c220ecf33a009a736ca3b」、「8f748dbbb8b1b65db774463683e49afc」。

本教學操作環境：windows10系統、CSS3&&HTML5版本、Dell G3電腦。

HTML5 src屬性

src 屬性是source的縮寫，意思是來源，一般作為媒體元素 HTNLDediaElement 的媒體資源映射URL。範例圖片、腳本的資源路徑：

<img src="image/demo.png">
<iframe src="inner.html">
<script src="demo.js"></script>

  src 載入媒體資源時時阻塞式的，頁面的其他資源會暫停處理，這就是為什麼一般吧 script 腳本標籤放在文件末尾載入的一個原因。

擴充功能：

 href 是Hypetext Reference 的縮寫，意思是超文本引用，由於是非媒體資源，外部引用，也就是頁面無需呈現出來的資源，所以載入這種資源的時候是非阻塞式的。範例 link 和 a 標籤：

<link rel="stylesheet" src="style/demo.css">
<a href="./demo">demo</a>

總結來說就是，src 是媒體資源路徑的映射，是阻塞式加載，href 是超鏈接，是非阻塞式的。

我們可以理解為媒體資源是需要實實在在顯示在頁面上的，是DOM結構中的實實在在的數據，因此會阻塞加載，而超鏈相當於一個屬性，一條引用，並不需要把真實的資源呈現到頁面上，也就無需阻塞頁面載入了。

值得注意的一問題是，js腳本並不是媒體資源，也不是DOM需要的數據，為什麼 js 腳本要用 src 而 css 就可以用 href 呢？實際上，這是設計之初的決定，可能設計者認為js腳本的執行會改變頁面，也就是改變DOM，當然需要隨著頁面一起加載，而css 只是頁面樣式，並不會改變DOM ，也就屬於超連結了，從這層意義理解，就知道是否阻塞頁面和引用的資源大小無關了，而是和是否實際改變了頁面DOM 有關。

（學習影片分享：css影片教學、html影片教學）

以上是src可以在HTML5出現嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！