HTML link 标签和script标签

来源:https://blog.csdn.net/weixin_45750972/article/details/122503767

HTML link 标签和script标签

1.link标签

<head><link rel="stylesheet" type="text/css" href="theme.css" /></head>

在用于样式表时,<link> 标签得到了几乎所有浏览器的支持。但是几乎没有浏览器支持其他方面的用途。

也就是说一般仅用于 引入 样式表stylesheet。

<link>标签定义文档与外部资源的关系。

<link>标签最常见的用途是链接样式表。

**注释:**link 元素是空元素,它仅包含属性。

注释:此元素只能存在于 head 部分,不过它可出现任何次数。

href

这里的href 属性指向了一个外部样式表的位置:

超链接的 URL。可能的值:

绝对 URL 指向另一个站点(比如 href=“http://www.example.com/theme.css”)
相对 URL - 指向站点内的某个文件(href="/themes/theme.css")

rel

rel 属性规定当前文档与被链接文档之间的关系。

就是relationship的缩写。

只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。其他值只得到了部分地支持。

type

type 属性规定被链接文档的 MIME 类型。

该属性最常见的 MIME 类型是 “text/css”,该类型描述样式表。

2.script标签

<script>标签用于定义客户端脚本,比如 JavaScript。

script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。

必需的 type 属性规定脚本的 MIME 类型。

JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。

src

source 源。

链接一个外部脚本文件:

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

src 属性规定外部脚本文件的 URL。

有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script>标签中的 src 属性引用该文件即可。

外部文件不能包含 <script> 标签!

外部脚本的 URL。可能的值有:

绝对 URL - 指向其他站点(比如 src=“www.example.com/example.js”)
相对 URL - 指向站点内的文件(比如 src="/scripts/example.js")

posted @ 2022-10-17 15:45  yinghualeihenmei  阅读(145)  评论(0编辑  收藏  举报