189 8069 5689

html中head标签的作用

这篇文章主要介绍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> 文章起源:<a href="http://cdxtjz.cn/article/gehdos.html">http://cdxtjz.cn/article/gehdos.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/ccjcep.html">Python中MySQL数据库如何操作-创新互联</a> </li><li> <a href="/article/ccjcgc.html">java程序运行步骤怎样使用eclipse编写和运行java程序?-创新互联</a> </li><li> <a href="/article/ccjced.html">python考试怎么考EXCEL中小数如何取整?-创新互联</a> </li><li> <a href="/article/ccjcgo.html">PHP临时文件的安全性怎么样-创新互联</a> </li><li> <a href="/article/ccjcpi.html">101-字符串类string基础使用-创新互联</a> </li> </ul> </div> </div> <footer> <div class="foot container"> <div class="footl fl"> <h3>联系我们</h3> <dl> 您好HELLO!<br> 感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。 </dl> <ul> <li>电话:028- <span>86922220 18980695689</span></li> <li>商务合作邮箱:631063699@qq.com</li> <li>合作QQ: 532337155</li> <li>成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼</li> </ul> </div> <div class="footr fr"> <h3>小谭建站工作室</h3> <dl> 成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务! </dl> <h3>小谭观点</h3> <dl> 相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。<br> 我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。 </dl> </div> </div> <div class="link"> <div class="container"> <span> 友情链接:</span> <a href="https://www.cdxwcx.com/city/nanchong/" title="南充网站建设" target="_blank">南充网站建设</a>   <a href="http://www.syruijie.cn/" title="syruijie.cn" target="_blank">syruijie.cn</a>   <a href="https://www.cdxwcx.com/wangzhan/pinpai.html" title="品牌网站建设公司" target="_blank">品牌网站建设公司</a>   <a href="https://www.cdcxhl.com/security/" title="等级保护测评" target="_blank">等级保护测评</a>   <a href="http://www.tyjike.cn/" title="图文广告设计" target="_blank">图文广告设计</a>   <a href="http://www.hdybtv.com/" title="鼎尚理发店" target="_blank">鼎尚理发店</a>   <a href="http://chengdu.xwcx.net/mobile/" title="成都手机网站报价" target="_blank">成都手机网站报价</a>   <a href="http://www.gswzjz.com/" title="工商财税" target="_blank">工商财税</a>   <a href="https://www.cdxwcx.com/wangzhan/case/dfjg.html" title="东电技改" target="_blank">东电技改</a>   <a href="http://www.dgruizhi.cn/" title="娄底尾呼妄服装" target="_blank">娄底尾呼妄服装</a>    </div> </div> <div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved.  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdcxhl.com/zuyong/" target=" _blank">成都服务器租用</a></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>