欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Html中head中标签部分的设置

程序员文章站 2022-05-09 19:19:34
...

Htmlhead标签部分在网站实际运行中有很大的作用,是必须进行设置的地方。必不可少的设置标签如下

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta charset="utf-8">

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

<base href="." target="_blank">

<meta name="keywords" content="聊天交友,社交,脸盆网,facepot脸盆网,脸盆网facepot,网页游戏,交流互动,脸盆网登录,脸盆网主页,脸盆网留言">

<meta name="description" content="最轻松的聊天网站,让你找到曾经失去的朋友,距离不是问题,因为我们都在脸盆网。脸盆网,找朋友,找同学,玩游戏,看分享,社交互动,您最好的选择,快加入脸盆网吧。">

<title>脸盆网-登录</title>

</head>

<body>

</body>

</html>

 

1

<title>不用说,肯定是<title></title>标签,这时网站的名字,每一个网站都不希望做一个无名之辈。

2、然后自然就是搜索关键字的设置了,通过<meta name=”keywords”>来进行设置,可以设置多个,用逗号隔开。一般是该网站的功能关键字。

3、然后就是<meta name="description">了,它是设置网页被搜索到后显示的介绍,内容,一般使用概括性语言向网友推荐该网站。

4、为了让网站看起来更加美观,可以在标题中加入图片,可以让人在看到这个图片就会联想到是这个网站的图片,当打开页面的时候,这个图片连同该网站的标题都会显示在浏览器的选项卡中,在地址栏中也会显示这个图片。

<link rel="shortcut icon" href="picture//logo/favicon.ico" />

注意,这个图片是一个.ico格式的图片。设置的时候注意路径要正确。而且必须将rel定义为rel="shortcut icon"才可以。

 

可以使用下面的网站来制作ico格式的图片。

http://www.chami.com/html-kit/services/favicon/

 

5、设置网页内容格式,<meta http-equiv="Content-Type">这也是必不可少的,就不用多说了。

 

6cssjs的引用需要的时候,可以在head中进行引用,在head中引用的css会在body加载之前就先把css加载上。

 

7<base href="." target="_blank">是用来设置在新页面进行操作的,如点击登陆的时候,可以弹出一个新页面。如果不需要,删除这个配置即可。