meta和link标签的使用

最新推荐文章于 2023-05-10 16:11:12 发布

杏黄的三叶草

最新推荐文章于 2023-05-10 16:11:12 发布

阅读量456

点赞数

分类专栏： Web前端HTML5

本文链接：https://blog.csdn.net/dwjdj/article/details/104010478

版权

Web前端HTML5 专栏收录该内容

8 篇文章 2 订阅

订阅专栏

`<meta>标签`

<meta charset="UTF-8">

1.charset 字符集
2.UTF-8 属于字符集中的一种编码格式
作用：设置网页编码—>防止网页乱码

设置网页关键字

<meta name="keywords" content="男装，女装，各种稀奇古怪的装">

总结
1.设置网页关键字属于网页优化的一部分
2.网页关键字是为搜索引擎提供服务的

设置网页描述信息

<meta name="description" content="一个神奇电商的网页，只有那么想不到的，没有我们做不到的">

总结
1.设置网页描述信息
2.该标签是为搜索引擎提供服务的

设置网页自动刷新和跳转

<meta http-equiv="refresh" content="10; url=https://www.baidu.com/">

`<link>标签`

设置网页图标

<link rel="icon" href="./images/favicon.ico"/>

注意

一般将该网页图标放置到网站的根目录下

引用样式表

<link rel="stylesheet" href="样式表地址">


```java
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    设置网页关键字-->
    <meta name="keywords" content="男装，女装，各种稀奇古怪的装">
<!--    设置网页描述信息-->
    <meta name="description" content="一个神奇电商的网页，只有那么想不到的，没有我们做不到的">
<!--    设置网页自动刷新和跳转-->
    <meta http-equiv="refresh" content="10; url=https://www.baidu.com/">
    <title>meta和link标签的使用</title>
    <link rel="icon" href="./images/favicon.ico"/>
</head>
<body>
<h1 align="center">
    也许永远都不会对他说出那句话，注定我要浪迹天涯
</h1>
</body>
</html>

杏黄的三叶草

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
meta和link标签的使用

<meta>标签<meta charset="UTF-8">1.charset 字符集2.UTF-8 属于字符集中的一种编码格式作用：设置网页编码—>防止网页乱码设置网页关键字<meta name="keywords" content="男装，女装，各种稀奇古怪的装">总结1.设置网页关键字属于网页优化的一部分2.网页关键字是为搜索引...
复制链接

扫一扫