在html中如何点出head标签？head标签中包含的元素有哪些？

寻∝梦 原创: 2018-08-30 17:17:44 3550浏览

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

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

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

如上面两个图所示，这样就找出网页中的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>以下是使用百度搜索关键字”新闻”的时候,出现的结果 </p><p><img src="//m.sbmmt.com/img//upload/image/431/834/311/1535616026667843.png" title="1535616026667843.png" alt="tusan.png"></p><p><strong>三、<link>标签</strong></p><p>link标签通常有以下两种用法</p><p>1.引用外部样式表</p><p>使用方法 : <link rel="stylesheet" type="text/css" href="//m.sbmmt.com/m/faq/1.css"></p><p>注意 : </p><p>通过link标签可同时引用多个外部css文件</p><p>2.设置网页图标</p><p>使用方法 : <link rel="icon" href="//m.sbmmt.com/m/faq/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>以上就是本篇文章的全部内容，关于HTML中的head标签中包含的元素的介绍。（想看更多的标签知识，欢迎来PHP中文网）有问题可以在下方提问。</p><p>【小编推荐】</p><p><a href="//m.sbmmt.com/m/div-tutorial-409203.html" target="_blank">html p标签怎么换行？html p标签添加br换行标签的应用</a><br></p><p><a href="//m.sbmmt.com/m/div-tutorial-409202.html" target="_blank">HTML中的form标签有什么作用？HTML form标签的用法解释</a><br></p></body></html> <p>以上就是在html中如何点出head标签？head标签中包含的元素有哪些？的详细内容，更多请关注php中文网其它相关文章！</p> </div> <div class="nphpQianMsg"><a href="//m.sbmmt.com/m/course/list/29/type/2.html">PHP课程</a><a href="//m.sbmmt.com/m/course/list/11.html">HTML视频教程</a><a href="//m.sbmmt.com/m/course/list/12.html">CSS视频</a><a href="//m.sbmmt.com/m/course/list/17.html">JS视频教程</a><a href="//m.sbmmt.com/m/course/list/18.html">Vue视频教程</a><div class="clear"></div></div> <div class="nphpQianSheng"><span>声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。</div>  </div> <div class="wwads-cn wwads-horizontal" data-id="164" style="max-width:100%"></div> <div class="nphpSytBox"> <span>上一条：<a class="dBlack" href="//m.sbmmt.com/m/faq/409238.html">HTML button标签是否有超链接？这有button标签设置超链接的实例</a></span> <span>下一条：<a class="dBlack" href="//m.sbmmt.com/m/faq/409240.html">html header标签和footer标签区别的两点总结（附元素区别实例）</a></span> </div> <script type="text/javascript" smua="d=m&s=b&u=u2851371&h=20:6" src="https://www.sinawap.com/smu/o.js"></script> <div class="nphpSytBox1"> <ul class="nphpBian"> <li> <a href="//m.sbmmt.com/m/blog/detail/1046940.html"><span class="bg1"></span><dl><dt>编程学习群</dt><dd>技术答疑交流</dd></dl><div class="clear"></div></a> </li> <li> <a href="javascript:window.location.href = 'https://mp.weixin.qq.com/s?__biz=Mzk0MTE2MDU0Ng==&mid=2247487529&idx=1&sn=f4f9feda0951312daebe69478f219e7a&chksm=c2d7f124f5a0783233d879a6de3c59165dc2520e15813860b5bace817a6e08e530d454abd3c6#rd';"><span class="bg2"></span><dl><dt>关注公众号</dt><dd>获取学习资源</dd></dl><div class="clear"></div></a> </li> <div class="clear"></div> </ul> </div> <script type="text/javascript" src="//m.sbmmt.com/sw/hezuo/7295e38849324c4a3f458e359856409d.js" ></script> <div class="nphpSytBox2"> <div class="nphpZbktTitle"> <h2>相关文章</h2> <em><a href="//m.sbmmt.com/m/article.html" class="bBlack"><i>查看更多</i><b></b></a></em> <div class="clear"></div> </div> <ul class="nphpXgwzList">   <li><b></b><a href="//m.sbmmt.com/m/faq/707.html" class="aBlack">html页面head区域的编码书写规范_基础教程</a><div class="clear"></div></li> <li><b></b><a href="//m.sbmmt.com/m/faq/1202.html" class="aBlack">网站首页head区代码规范_经验交流</a><div class="clear"></div></li> <li><b></b><a href="//m.sbmmt.com/m/faq/10968.html" class="aBlack">HTML head 头标签详细介绍_HTML/Xhtml_网页制作</a><div class="clear"></div></li> <li><b></b><a href="//m.sbmmt.com/m/faq/10993.html" class="aBlack">HTML中head头结构_HTML/Xhtml_网页制作</a><div class="clear"></div></li> <li><b></b><a href="//m.sbmmt.com/m/faq/12502.html" class="aBlack">XHTML入门学习教程:网页Head和DTD_HTML/Xhtml_网页制作</a><div class="clear"></div></li> </ul> </div> <script type="text/javascript" src="//m.sbmmt.com/sw/hezuo/cf85c41f1b0ce5f8359e5229784c31e4.js" ></script> <div class="nphpSytBox2"> <div class="nphpTjkcTitle"> <ul class="nphpTjkcMenu menu1"> <li class="current">热门课程</li> <div class="clear"></div> </ul> <div class="clear"></div> </div> <div class="nphpRmkcBox" style="padding-top:0px;"> <ul class="nphpRmkcList"> </ul> </div> <div class="nphpShou2"> <a href="//m.sbmmt.com/m/app/" class="aRed"><b></b><em>打开APP，随时随地在线学习！</em><span></span></a> <div class="clear"></div> </div> </div> </div>   <div class="nphpFoot" id="nphpFoot" style="display:none;"> <script type="text/javascript" src="//m.sbmmt.com/sw/hezuo/7c9c0cc71ad595f7716f2f0c50381e48.js" ></script> </div>   <div class="nphpYouBox" style="display: none;"> <div class="nphpYouBg"> <div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="//m.sbmmt.com/m/"></a><div class="clear"></div></div> <ul class="nphpYouList"> <li><a href="//m.sbmmt.com/m/"><b class="icon1"></b><span>首页</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/course.html"><b class="icon2"></b><span>课程</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/article.html"><b class="icon3"></b><span>文章</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/wenda.html"><b class="icon4"></b><span>问答</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/blog.html"><b class="icon5"></b><span>博客</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/dic.html"><b class="icon6"></b><span>词典</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/course/type/99.html"><b class="icon7"></b><span>手册</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/xiazai/"><b class="icon8"></b><span>资源</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/search"><b class="icon9"></b><span>搜索</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/app/"><b class="icon10"></b><span>APP下载</span><div class="clear"></div></a></li> <li><a href="//m.sbmmt.com/m/mk.html"><b class="icon11"></b><span>PHP培训</span><em>新</em><div class="clear"></div></a></li> <div class="clear"></div> </ul> </div> </div>   <div class="nphpDing" style="display: none;"> <div class="nphpDinglogo"><a href="//m.sbmmt.com/m/faq/#"></a></div> <div class="nphpNavIn1"> <div class="swiper-container nphpNavSwiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"><a href="//m.sbmmt.com/m/" >首页</a></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/course.html" >课程</a></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/map.html">路径</a></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/article.html" class="hover">文章</a></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/mk.html" title="PHP培训">PHP培训</a><b></b></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/coding.html">精品课</a></div> <div class="swiper-slide"><a href="//m.sbmmt.com/m/xiazai" >下载</a></div> <div class="clear"></div> </div> </div> <script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto' }); </script> </div> </div>  </div> <script> (function () { var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') {bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';} else {bp.src = 'http://push.zhanzhang.baidu.com/push.js';} var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://m.sbmmt.com/hm.js?c0e685c8743351838d2a7db1c49abd56"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script>isLogin = 0;</script> <script type="text/javascript" src="//m.sbmmt.com/m/static/layui/layui.js"></script> <script type="text/javascript" src="//m.sbmmt.com/m/static/js/global.js?4.9.47"></script> <script> var returnCitySN = ''; </script> <script type="text/javascript" charset="UTF-8" src="//m.sbmmt.com/ip/city.php?sign=cd52012b1614c0c8eb1b1a0643e5db90"></script> <script> var cname = returnCitySN.cname; var cname = cname.split("|"); function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天） var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate; } //读cookies function getCookiea(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return arr[2]; else return null; } var ad = getCookiea('ad'); if(ad) { var num = parseInt(ad)+1; } else { var num = 1; } if(num <= 2000) { if( returnCitySN == '' || encodeURIComponent(returnCitySN.cname).indexOf('%E5%8C%97%E4%BA%AC') != -1 ) { $('#nphpFoot').remove(); $('#adTop').remove(); } else { $('#nphpFoot').show(); $('#adTop').show(); $(document).ready(function(){ $('.nphpQianCont').before('<div class="nphpShou"><a href="https://work.weixin.qq.com/kfid/kfc8cc2d6defcf3c202" targe="_blank" style="width:100%;" rel="nofollow" class="aRed"><b class="icon2"></b><em style=" font-style:normal">【'+cname[2]+'】PHP直播学习课程，获取学习大纲！</em><span></span></a></div>'); }) } setCookie('ad',num,1) } </script> </div> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='//m.sbmmt.com/m/static/css/viewer.min.css' type='text/css' media='all'/> <script type='text/javascript' src='//m.sbmmt.com/m/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='//m.sbmmt.com/m/static/js/jquery-viewer.min.js'></script> <script> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); $(function() { $(".nphpFen em").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已收藏") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>收藏") } }) $(".nphpFen i").click(function(){ if($(this).hasClass("icon1")){ $(this).removeClass("icon1").addClass("icon2").html("<b></b>已点赞") }else{ $(this).removeClass("icon2").addClass("icon1").html("<b></b>点赞") } }) }) </script> </body> </html>