meta和link标签的使用

<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>


发布了29 篇原创文章 · 获赞 3 · 访问量 407

猜你喜欢

转载自blog.csdn.net/dwjdj/article/details/104010478