HTML知识点总结之img、scirpt、link标签

• <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 属性引用它。

可能的值：

1. 绝对 URL - 指向另一个网站（比如 src="http://www.example.com/example.js"）
2. 相对 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。