标签的常用属性 rel href type title
时间: 2024-06-03 17:13:25 浏览: 86
- rel:指定当前文档与被链接文档之间的关系,常见的取值有:
- stylesheet:指定当前文档是一个样式表,被链接文档是样式表文件。
- icon:指定当前文档是一个图标,被链接文档是图标文件。
- prev:指定被链接文档是当前文档的前一个版本。
- next:指定被链接文档是当前文档的下一个版本。
- href:指定被链接的文档的URL。
- type:指定被链接文档的MIME类型,常见的取值有:
- text/css:样式表文件的MIME类型。
- image/png:PNG格式的图像文件的MIME类型。
- application/pdf:PDF格式的文档文件的MIME类型。
- title:指定链接的标题,一般用于鼠标悬停时显示提示信息。
相关问题
<link rel="stylesheet" type="text/css" href="styles.css">
这是HTML中用于链接CSS样式表的标签。其中,rel属性定义了文档与被链接文档之间的关系,type属性定义了被链接文档的MIME类型,href属性定义了被链接文档的URL地址。在这个例子中,被链接的CSS样式表文件名为styles.css,它应该与HTML文件在同一目录下。以下是一个示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph.</p>
</body>
</html>
```
这个例子中,HTML文件和CSS文件都在同一目录下,因此可以使用相对路径来链接CSS文件。如果CSS文件在其他目录下,需要使用相应的路径来链接。
<link href="spiceFood.css" rel="stylesheet" type="text/css" media="all">
这是一个HTML中的link标签,用于在HTML文档中引用外部CSS文件,从而改变HTML文档的样式。其中,href属性指定了CSS文件的路径,rel属性指定了这个文件与当前文档的关系,type属性指定了文件的MIME类型,media属性指定了适用于文档的设备类型/媒体类型。例如,下面的HTML代码演示了如何在HTML文档中使用link标签引入外部的样式表:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
```
这段代码中的link标签引入了名为style.css的外部CSS文件,这个文件与当前HTML文档的关系是stylesheet(样式表),文件的MIME类型为text/css,适用于屏幕媒体类型。