head标签中包含的元素是什么-创新互联

这篇文章主要介绍了head标签中包含的元素是什么,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联公司是一家集网站建设,罗江企业网站建设,罗江品牌网站建设,网站定制,罗江网站建设报价,网络营销,网络优化,罗江网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

                              本篇文章主要为大家讲述的就是关于HTML的head标签的介绍,里面包含的四种元素的介绍和使用说明,还有在网页中如何找出head标签的教程。现在开始本篇的文章吧

首先我们先解决前面的问题,如何点出head标签?

HTML的head标签在网页中看不到,那该如何找出网页中的head标签呢,首先我们在一个网页中右击,点查看源文件,这里我以创新互联作为例子:

head标签中包含的元素是什么

head标签中包含的元素是什么

如上面两个图所示,这样就找出网页中的head标签了。

在来看看第二个问题,head标签当中包含的元素

今天主要介绍,title\meta\link\base四种标签的常见用法

一、<title>

title标签用来设置网站标题,当其为缺省状态(未设置)时,当前网页在浏览器中显示的网站标题为文件的名称.

二、<meta>

meta标签通常有以下三种用法

1.设置网页编码,用于告诉浏览器当前网页的编码方式,防止乱码

使用方法 : <meta charset="utf-8">

2.设置网页关键字,为搜索引擎提供服务.

使用方法 : <meta name="keywords" content="关键字1,关键字2">

注意 : name="keywords"为固定写法;content的属性值为要设置的关键字,关键字之间用逗号隔开.

3.设置网站描述信息,为搜索引擎提供服务.相应的描述信息将被显示在搜索界面的网站简介中.

使用方法 : <meta name="description" content="网页描述内容">

三、<link>标签

link标签通常有以下两种用法

1.引用外部样式表

使用方法 : <link rel="stylesheet" type="text/css" href="1.css">

注意 :

通过link标签可同时引用多个外部css文件

2.设置网页图标

使用方法 : <link rel="icon" href="favicon.ico">

注意:href指向图片的路径,一般将图标放置在网站的根目录下,便于搜索引擎抓取.

注意:图片不强制要求为ico文件.jpg或者png等图片格式的文件也可以.

四、<base>标签

base标签是网页默认打开方式的声明标签.

使用方法 : <base target="_blank">

感谢你能够认真阅读完这篇文章,希望小编分享head标签中包含的元素是什么内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

新闻名称:head标签中包含的元素是什么-创新互联
当前地址:https://www.cdcxhl.com/article46/dcgphg.html

成都网站建设公司_创新互联,为您提供网站设计网站排名微信公众号商城网站营销型网站建设静态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站建设