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/diigooj.html">延迟加载css样式 延迟加载css样式是什么</a> </li><li> <a href="/article/diigoop.html">导行条样式css css导航条横向带下拉菜单</a> </li><li> <a href="/article/diiihhi.html">linux保存返回命令行 linux保存退出命令行</a> </li><li> <a href="/article/diigodj.html">jquery图形验证码 js验证码插件</a> </li><li> <a href="/article/diigoos.html">linux下cp命令 linux cp命令使用方法</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.scvps.cn/" title="虚拟主机" target="_blank">虚拟主机</a>   <a href="https://www.cdcxhl.com/idc/gadx.html" title="贵安服务器托管" target="_blank">贵安服务器托管</a>   <a href="https://www.cdxwcx.com/wangzhan/app.html" title="app软件开发" target="_blank">app软件开发</a>   <a href="https://www.cdxwcx.com/" title="成都网络营销" target="_blank">成都网络营销</a>   <a href="https://www.cdxwcx.com/jifang/leshan.html" title="乐山服务器托管" target="_blank">乐山服务器托管</a>   <a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" title="成都移动服务器托管" target="_blank">成都移动服务器托管</a>   <a href="http://m.cdcxhl.cn/applets/ " title="小程序开发" target="_blank">小程序开发</a>   <a href="https://www.cdxwcx.com/jifang/guanghua.html" title="光华村机房" target="_blank">光华村机房</a>   <a href="http://www.ty2auto.com/" title="添翼二手车鉴定评估" target="_blank">添翼二手车鉴定评估</a>   <a href="https://www.scvps.cn/services/mail/" title="企业邮箱" target="_blank">企业邮箱</a>    </div> </div> <div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved.  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备2021004003号-2</a>  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdxwcx.com target=" _blank"="">定制网站建设</a>  <a href="sitemap.xml" target="_blank">xml</a> <a href="sitemap.html" 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>