HTML知识点总结之img、scirpt、link标签
- <img>元素
使用<img>可以在網(wǎng)頁插入一個圖片,但實際上<img>標簽并不會在網(wǎng)頁中直接插入圖像,而是從網(wǎng)頁上鏈接圖像。
- <img>的主要屬性
(1)src屬性:圖片的路徑。
(2)alt屬性:當圖片無法顯示時的替代文本,以便搜索引擎抓取。
(3)title屬性:鼠標懸浮時顯示的文本。
(4)height屬性:圖片的高度。
(5)width屬性:圖片的高度。
- <script>元素
它的作用是在HTML或XHTML文檔中嵌入或引用可執(zhí)行的腳本。此標簽不但能直接定義js代碼,也能夠引入外部js文件,當然格式有所不同。
- <script>元素的常用屬性
1. src屬性:src 屬性規(guī)定外部腳本文件的 URL。
如果您希望在網(wǎng)站中的多個頁面上運行相同的 JavaScript,就應(yīng)該創(chuàng)建外部 JavaScript 文件,而不是重復(fù)編寫相同的腳本。把腳本文件以 .js 擴展名進行保存,然后在 <script> 標簽中使用 src 屬性引用它。
可能的值:
2. type屬性:type 屬性規(guī)定腳本的 MIME 類型,標識 <script> 與 </script> 標簽之間的內(nèi)容。
MIME 類型包括兩部分:media type 和 subtype。對于 JavaScript,MIME 類型是"text/javascript"。一些常用的值有:
- text/javascript (默認)
- text/ecmascript
- application/ecmascript
- application/javascript
- text/vbscript
- <link>元素
link元素指定了外部資源與當前文檔的關(guān)系,具有屬性href、rel、media、hreflang、type和sizes。其中href和rel是常用的。此標簽最常用的是引入外部css文件,雖然可以在<style>標簽中直接定義css代碼,但是如果css代碼比較龐大,那么勢必會造成頁面的龐大,不僅不容易管理,并且也無法重復(fù)利用css代碼。
<link>元素的常用屬性:
href屬性:指定了鏈接的資源的地址(url)
rel屬性:rel指定了資源的類型。
有以下幾種值:
alternate —— 鏈接到該文檔的替代版本(比如打印頁、翻譯或鏡像)。
author —— 鏈接到該文檔的作者。
help —— 鏈接到幫助文檔。
icon —— 導(dǎo)入表示該文檔的圖標。
license —— 鏈接到該文檔的版權(quán)信息。
next —— 表示該文檔是集合中的一部分,且集合中的下一個文檔是被引用的文檔。
prefetch —— 規(guī)定應(yīng)該對目標資源進行緩存。
prev —— 表示該文檔是集合中的一部分,且集合中的上一個文檔是被引用的文檔。
search —— 鏈接到針對文檔的搜索工具。
stylesheet —— 要導(dǎo)入的樣式表的 URL。
更多專業(yè)前端知識,請上 【猿2048】www.mk2048.com 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎
總結(jié)
以上是生活随笔為你收集整理的HTML知识点总结之img、scirpt、link标签的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [Python][小知识][NO.3]
- 下一篇: HTML5新增属性学习笔记