这篇文章主要介绍html中head标签的作用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
我们拥有10多年网页设计和网站建设经验，从网站策划到网站制作，我们的网页设计师为您提供的解决方案。为企业提供做网站、网站建设、微信开发、重庆小程序开发、移动网站建设、HTML5、等业务。无论您有什么样的网站设计或者设计方案要求，我们都将富于创造性的提供专业设计服务并满足您的需求。
什么是head标签
head 标签是
元素的内容。不像 元素的内容可以显示在浏览器中，head 的内容不会在浏览器中显示，它的作用是包含一些页面的元数据。在下面的例子中，head 的内容很少。
My test page
title
元素
是用来表示整个HTML文档大致内容的元数据(不是文档的内容.)<br/>元素 <title> 也被以其他的方式使用着. 比如说，如果你尝试为某个页面添加书签，(Bookmarks > Bookmark This Page, 在火狐浏览器中), 你会看到 <title> 的内容被作为建议的书签名.</p><h3>元数据<meta></h3><p>元数据就是描述数据的数据，而HTML有一个“官方的”方式来为一个文档添加元数据，—— <meta> 元素. 当然，其他在这篇文章中提到的东西也可以被当作元数据。 有很多不同种类的 <meta> 元素可以被包含进你的页面的<head>元素, 但是现在我们还不会尝试去解释所有类型, 这只会引起混乱。</p><pre><meta charset="utf-8"></pre><ul><li><p>这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。 utf-8<br/> 是一个通用的字符集，它包含了任何人类语言中的大部分的字符。 这意味着你的web页面可以显示任意的语言; 许多<meta><br/> 元素包含了name 和 content 特性.</p></li></ul><p>name 特性指定了meta 元素的类型; 说明该元素包含了什么类型的信息。<br/>content 指定了实际的元数据内容。<br/>这两个meta 元素对于定义你的页面的作者和提供页面的内容描述是很有用的 。</p><pre><meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications."></pre><ul><li><p>指定作者在某些情况下是很有用的：如果你需要联系页面的作者，问一些关于页面内容的问题。<br/> 一些内容管理系统能够自动获取页面作者的信息，然后用于某种目的。<br/> 指定包含关于页面内容的关键字的页面内容的描述是很有用的，因为它可能或让你的页面在搜索引擎的相关的搜索出现得更多 (这些行为术语上被称为<br/> Search Engine Optimization, or SEO.)</p></li></ul><h3>在你的站点增加自定义图标</h3><pre><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"></pre><h3>在HTML中应用CSS和JavaScript</h3><pre><link rel="stylesheet" href="my-css-file.css"></pre><ul><li><p><link> 元素经常位于文档的头部，它有2个属性， rel="stylesheet"，表明这是文档的样式表，而<br/> href,包含了样式表文件的路径。</p></li></ul><pre><script src="my-js-file.js"></script></pre><ul><li><p><script> 部分没必要非要放在文档头部; 实际上，把它放在文档的尾部（在 </body>标签之前）是一个更好的选择<br/> ，这样可以确保在加载脚本之前浏览器已经解析了HTML内容（如果脚本加载某个不存在的元素，浏览器会报错）。</p></li></ul><h3>为文档设定主语言</h3><pre><html lang="en-US"></pre><ul><li><p>这在很多方面都很有用。如果你的HTML文档的语言设置好了，那么你的HTML文档就会被搜索引擎更有效地索引<br/> (例如，允许它在特定于语言的结果中正确显示),对于那些使用屏幕阅读器的视障人士也很有用(比如,<br/> 法语和英语中都有“six”这个单词，但是发音却完全不同)。</p></li></ul><p>以上是“html中head标签的作用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！</p>
<br>
当前名称：html中head标签的作用
<br>
URL分享：<a href="http://mswzjz.cn/article/gehdos.html">http://mswzjz.cn/article/gehdos.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/ddjss.html">定制网站开发与模版区别</a>
</li><li>
<a href="/article/ddjog.html">开瓶的红酒怎样保存呢</a>
</li><li>
<a href="/article/ddjcc.html">怎么建立网站</a>
</li><li>
<a href="/article/ddjsg.html">三国时期诸葛亮的才谋怎么样？</a>
</li><li>
<a href="/article/ddjsp.html">聘礼一般给多少(聘礼和彩礼的区别)</a>
</li>
</ul>
</div>
</div>
<footer>
<div class="message">
<div class="mess container">
<p>免费获取网站建设与品牌策划方案报价</p>
<span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。</span>
<form action="">
<input type="text" class="ipt1" placeholder="联系人">
<input type="text" class="ipt2" placeholder="联系电话">
<textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
<a href="">提交需求</a>
</form>
</div>
</div>
<div class="footA">
<div class="footAs container">
<ul>
<h3>联系我们</h3>
<b>028-86922220</b>
<li>手机：13518219792</li>
<li>地址：成都市太升南路288号锦天国际A幢1002号</li>
<li class="hr1"></li>
<li>24小时服务热线：400-028-6601</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li>网页设计</li>
<li>网站制作</li>
<li>网站开发</li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li>营销网站建设</li>
<li>百度快速排名</li>
<li>整站网站推广</li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li>基础维护</li>
<li>网站改版</li>
<li>网站维护</li>
</ul>
<ul>
<h3>FOLLOW US</h3>
<li class="hr2"></li>
<li>
<dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
<dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
</li>
</ul>
</div>
<div class="link container">
友情链接：
<a href="http://www.jinhuajc.com/" title="成都橡塑保温板" target="_blank">成都橡塑保温板</a> <a href="https://www.cdxwcx.com/wangzhan/dingzhi.html" title="定制网站建设" target="_blank">定制网站建设</a> <a href="http://www.cdhuace.com/" title="成都广告设计" target="_blank">成都广告设计</a> <a href="http://m.cdcxhl.com/" title="成都做网站" target="_blank">成都做网站</a> <a href="https://www.cdcxhl.com/tuoguan/" title="服务器托管" target="_blank">服务器托管</a> <a href="http://www.cdkjz.cn/wangzhan/yunying/" title="成都网站代运营" target="_blank">成都网站代运营</a> <a href="http://m.cdxwcx.com/weixin.html" title="成都微信公众号开发" target="_blank">成都微信公众号开发</a> <a href="https://www.cdcxhl.com/tuoguan/ershu/" title="成都二枢机房" target="_blank">成都二枢机房</a> <a href="http://www.pswzsj.com/" title="平山县网站建设" target="_blank">平山县网站建设</a> <a href="http://www.cxjianzhan.cn/" title="做网站公司" target="_blank">做网站公司</a>
</div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
Copyright © 2022 四川攀枝花网站建设公司 四川攀枝花网站建设公司-选我们！四川专业的攀枝花网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024097831号-1</a>
</div>
</div>
</div>
</footer>
</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>