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

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

创新互联建站专注于企业全网整合营销推广、网站重做改版、同心网站定制设计、自适应品牌网站建设、H5技术商城建设、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为同心等各大城市提供网站开发制作服务。

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

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

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

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

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

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

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

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

一、</strong></p><p>title标签用来设置网站标题,当其为缺省状态(未设置)时,当前网页在浏览器中显示的网站标题为文件的名称.</p><p><strong>二、<meta></strong></p><p>meta标签通常有以下三种用法</p><p>1.设置网页编码,用于告诉浏览器当前网页的编码方式,防止乱码</p><p>使用方法 : <meta charset="utf-8"></p><p>2.设置网页关键字,为搜索引擎提供服务.</p><p>使用方法 : <meta name="keywords" content="关键字1,关键字2"></p><p>注意 : name="keywords"为固定写法;content的属性值为要设置的关键字,关键字之间用逗号隔开.</p><p>3.设置网站描述信息,为搜索引擎提供服务.相应的描述信息将被显示在搜索界面的网站简介中.</p><p>使用方法 : <meta name="description" content="网页描述内容"></p><p><strong>三、<link>标签</strong></p><p>link标签通常有以下两种用法</p><p>1.引用外部样式表</p><p>使用方法 : <link rel="stylesheet" type="text/css" href="1.css"></p><p>注意 :</p><p>通过link标签可同时引用多个外部css文件</p><p>2.设置网页图标</p><p>使用方法 : <link rel="icon" href="favicon.ico"></p><p>注意:href指向图片的路径,一般将图标放置在网站的根目录下,便于搜索引擎抓取.</p><p>注意:图片不强制要求为ico文件.jpg或者png等图片格式的文件也可以.</p><p><strong>四、<base>标签</strong></p><p>base标签是网页默认打开方式的声明标签.</p><p>使用方法 : <base target="_blank"></p><p>感谢你能够认真阅读完这篇文章,希望小编分享head标签中包含的元素是什么内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!</p> <br> 文章名称:head标签中包含的元素是什么 <br> 转载来于:<a href="http://pwwzsj.com/article/ppsspo.html">http://pwwzsj.com/article/ppsspo.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/hhgjjh.html">python函数功能提示的简单介绍</a> </li><li> <a href="/article/hhgpci.html">go语言系统变量设置 go语言 全局变量</a> </li><li> <a href="/article/hhgpic.html">vb.net井号 vb井号什么意思</a> </li><li> <a href="/article/hhgpsi.html">java商城实训代码 java 实训</a> </li><li> <a href="/article/hhgjhc.html">java实现计算器代码 java实现计算器代码命令</a> </li> </ul> </div> </div> </div> <!--底部--> <footer> <div class="foot"> <div class="container"> <h1>平武火炬建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl><i class="iconfont"></i><b>地址ADDRESS</b></dl> <p>四川-成都青羊区太升南路288号<br> 锦天国际A座10楼 </p> </li> <li> <dl><i class="iconfont"></i><b>电话/TEL</b></dl> <p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br> <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </p> </li> <li> <dl><i class="iconfont"></i><b>QQ咨询</b></dl> <p> 244261566 (售前)<br> 631063699 (售后) </p> </li> <li> <dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl> <p> service@cdcxhl.com (业务)<br> hr@cdcxhl.com (求职) </p> </li> </ul> </div> </div> </div> <div class="copy container"> Copyright © 2017-2023 All Rights Reserved. 青羊区火炬信息咨询工作室 版权所有 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024060174号-3</a> [原创设计,独立版权。未经许可.不得拷贝或镜像]<br> <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站制作</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站制作</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">平武网站维护</a> | (平武网站制作QQ : 631063699 )</div> </footer> <!--在线咨询--> <div class="fot"> <ul> <li> <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank"> <img src="/Public/Home/img/fot1.png" alt="建站咨询"> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/img/fot2.png" alt="建站电话"> <p>拨打电话</p> </a> </li> </ul> </div> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>