• <img>元素

使用<img>可以在網頁插入一個圖片，但實際上<img>標簽并不會在網頁中直接插入圖像，而是從網頁上鏈接圖像。

• <img>的主要屬性

（1）src屬性：圖片的路徑。

（2）alt屬性：當圖片無法顯示時的替代文本，以便搜索引擎抓取。

（3）title屬性：鼠標懸浮時顯示的文本。

（4）height屬性:圖片的高度。

（5）width屬性:圖片的高度。

• <script>元素

它的作用是在HTML或XHTML文檔中嵌入或引用可執行的腳本。此標簽不但能直接定義js代碼，也能夠引入外部js文件，當然格式有所不同。

• <script>元素的常用屬性

1. src屬性：src 屬性規定外部腳本文件的 URL。

如果您希望在網站中的多個頁面上運行相同的 JavaScript，就應該創建外部 JavaScript 文件，而不是重復編寫相同的腳本。把腳本文件以 .js 擴展名進行保存，然后在 <script> 標簽中使用 src 屬性引用它。

可能的值：

絕對 URL - 指向另一個網站（比如 src="http://www.example.com/example.js"）

相對 URL - 指向網站內的一個文件（比如 src="/scripts/example.js"）

2. type屬性：type 屬性規定腳本的 MIME 類型，標識 <script> 與 </script> 標簽之間的內容。

MIME 類型包括兩部分：media type 和 subtype。對于 JavaScript，MIME 類型是"text/javascript"。一些常用的值有：

• text/javascript （默認）
• text/ecmascript
• application/ecmascript
• application/javascript
• text/vbscript

• <link>元素

link元素指定了外部資源與當前文檔的關系，具有屬性href、rel、media、hreflang、type和sizes。其中href和rel是常用的。此標簽最常用的是引入外部css文件，雖然可以在<style>標簽中直接定義css代碼，但是如果css代碼比較龐大，那么勢必會造成頁面的龐大，不僅不容易管理，并且也無法重復利用css代碼。

<link>元素的常用屬性：

href屬性：指定了鏈接的資源的地址(url)

rel屬性：rel指定了資源的類型。

有以下幾種值：

alternate —— 鏈接到該文檔的替代版本（比如打印頁、翻譯或鏡像）。

author —— 鏈接到該文檔的作者。

help —— 鏈接到幫助文檔。

icon —— 導入表示該文檔的圖標。

license —— 鏈接到該文檔的版權信息。

next —— 表示該文檔是集合中的一部分，且集合中的下一個文檔是被引用的文檔。

prefetch —— 規定應該對目標資源進行緩存。

prev —— 表示該文檔是集合中的一部分，且集合中的上一個文檔是被引用的文檔。

search —— 鏈接到針對文檔的搜索工具。

stylesheet —— 要導入的樣式表的 URL。

更多專業前端知識，請上 【猿2048】www.mk2048.com 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的HTML知识点总结之img、scirpt、link标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。