作者:小旋律丶_409 | 来源:互联网 | 2023-10-12 16:30
目录效果图如下一.添加标题1.原生html添加方法2.vue添加方法二.网页前面的小图标1.原生html添加方法pc端和移动端同时添加html里面(1).pc端如下(2).移动端如
目录
- 效果图如下
- 一.添加标题
- 1.原生html添加方法
- 2.vue添加方法
- 二.网页前面的小图标
- 1.原生html添加方法pc端和移动端同时添加html里面
- 2.vue添加方法和上面添加标题一样
效果图如下
一.添加标题
1.原生html添加方法
head标签里面添加<title>小鸟title>
2.vue添加方法
打开项目文件夹,在目录里面找到public文件,再打开找到index.html放到编译器vscode里面,添加标题,和原生方法一样
二.网页前面的小图标
1.原生html添加方法pc端和移动端同时添加html里面
也可以使用本地图标&#xff0c;现在用的线上图标
(1).pc端如下
<link href&#61;"https://uploads-ssl.webflow.com/624181072db315237608dddf/624602e7174c0d34449163d4_Frame%2044%20copy.png"rel&#61;"shortcut icon" type&#61;"image/x-icon" />
(2).移动端如下
<link href&#61;"https://uploads-ssl.webflow.com/624181072db315237608dddf/624602b0a1398304c2f7bdb4_Frame%2044.png"rel&#61;"apple-touch-icon" />
更具体的手机图标大小
<link rel&#61;"apple-touch-icon" sizes&#61;"57x57" href&#61;"touch-icon-iphone.png" /><link rel&#61;"apple-touch-icon" sizes&#61;"72x72" href&#61;"touch-icon-ipad.png" /><link rel&#61;"apple-touch-icon" sizes&#61;"114x114" href&#61;"touch-icon-iphone4.png" /><link rel&#61;"apple-touch-icon" sizes&#61;"144x144" href&#61;"apple-touch-icon-ipad3-144.png" />
2.vue添加方法和上面添加标题一样
感觉文章好的话记得点个心心和关注和收藏&#xff0c;有错的地方麻烦指正一下&#xff0c;如果需要转载,请标明出处&#xff0c;多谢&#xff01;&#xff01;&#xff01;