href和src的使用場景

href和src的使用場景

　　href和src的用法雖然簡單，但是有時候會突然記不起來該怎麼用，且兩者不可互相替換，下面列出來友善記憶,并給出具體差別。

　

    　href的使用：　

         1.外部css引用：<link type="text/css" rel="stylesheet" href="../css/test.css" />

　　   2.<a>标簽的使用：

<a href="http://www.baidu.com" target="_blank">百度</a>

         3.input中type為button等的onclick事件：<input type=button onclick="window.location.href('#')" />

    　src的使用：

1. 引入圖檔img： 

   <img src="/img/1.png" alt="1" />

2. scirpt 腳本 ：

   <script type="text/javascript" src="org.js"></script>

3. iframe架構： <iframe src="girl.gif"></iframe>  
4. input中type為image的送出按鈕： <input type="image" src="1.png" alt="Submit" />
5. html5中的vidio元素：<video src="movie.ogg" controls="controls">video元素</video>
6. html5中的audio元素：<audio src="someaudio.wav">audio元素</audio>
7. html5中的embed元素：<embed src="horse.wav"/>

　　href和src的差別：

　　　　   src (Source)屬性僅僅 嵌入目前資源到目前文檔元素定義的位置。當浏覽器找到<script src="script.js"></script>，在浏覽器下載下傳，編譯，執行這個檔案之前頁面的加載和處理會被暫停。這個過程與把js檔案放到<script>标簽裡類似。這也是建議把JS檔案放到底部加載的原因。當然，img标簽頁與此類似。浏覽器暫停加載直到提取和加載圖像。