HTML里的meta标签有啥作用？怎么用？六安市康运有人会这个吗？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML里的meta标签有啥作用？怎么用？六安市康运有人会这个吗？相关的知识，希望对你有一定的参考价值。
html里的meta标签有什么作用？怎么用？这个必须在head里吗？六安市康运有人会这个吗？想找个师傅
1. name属性
name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：
<meta name="参数" content="具体的描述">。
其中name属性共有以下几种参数。(A-C为常用属性)
A. keywords(关键字)
说明：用于告诉搜索引擎，你网页的关键字。举例：
<meta name="keywords" content="Lxxyx,博客，文科生，前端">
B. description(网站内容的描述)
说明：用于告诉搜索引擎，你网站的主要内容。举例：
<meta name="description" content="文科生，热爱前端与编程。目前大二，这是我的前端博客">
C. viewport(移动端的窗口)
说明：这个概念较为复杂，具体的会在下篇博文中讲述。这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。
举例（常用范例）：
<meta name="viewport" content="width=device-width, initial-scale=1">
D. robots(定义搜索引擎爬虫的索引方式)
说明：robots用来告诉爬虫哪些页面需要索引，哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
举例：
<meta name="robots" content="none">
具体参数如下：
1.none : 搜索引擎将忽略此网页，等价于noindex，nofollow。
2.noindex : 搜索引擎不索引此网页。
3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引，等价于index，follow。
5.index : 搜索引擎索引此网页。
6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。
E. author(作者)
说明：用于标注网页作者举例：
<meta name="author" content="Lxxyx,841380530@qq.com">
F. generator(网页制作软件)
说明：用于标明网页是什么软件做的举例: (不知道能不能这样写)：
<meta name="generator" content="Sublime Text3">
G. copyright(版权)
说明：用于标注版权信息举例：
<meta name="copyright" content="Lxxyx"> //代表该网站为Lxxyx个人版权所有。
H. revisit-after(搜索引擎爬虫重访时间)
说明：如果页面不是经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义的默认时间来访问。举例：
<meta name="revisit-after" content="7 days" >
I. renderer(双核浏览器渲染方式)
说明：renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例：
<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式 参考技术A
对的，META标签必须防止在HTML的头部<head>之中
HTML <meta> 元素表示那些不能由其它HTML元相关元素 (<base>, <link>, <script>, <style> 或 <title>) 之一表示的任何元数据信息.
元数据：<meta>元素
元数据就是描述数据的数据，而HTML有一个“官方的”方式来为一个文档添加元数据—— <meta> 元素。当然，其他在这篇文章中提到的东西也可以被当作元数据。有很多不同种类的 <meta> 元素可以被包含进你的页面的<head>元素，但是现在我们还不会尝试去解释所有类型，这只会引起混乱。我们会解释一些你常会看到的类型，先让你有个概念。
一、指定你的文档中字符的编码
<meta charset="utf-8">这个元素简单的指定了文档的字符编码 —— 在这个文档中被允许使用的字符集。 utf-8 是一个通用的字符集，它包含了任何人类语言中的大部分的字符。 这意味着你的web页面可以显示任意的语言；所以对于你的每一个页面，使用这个设置是很好的！比如说，你的页面可以很好的处理英语和日语：
比如说，如果你将你的字符集设置为 ISO-8859-1 （拉丁英文字母的字符集），那么你的页面会是乱码的。
二、添加作者和描述
许多<meta> 元素包含了name 和 content 特性：
name 指定了meta 元素的类型； 说明该元素包含了什么类型的信息。
content 指定了实际的元数据内容。
这两个meta 元素对于定义你的页面的作者和提供页面的内容描述是很有用的 。让我们看一个例子：
<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.">
指定作者在某些情况下是很有用的：如果你需要联系页面的作者，问一些关于页面内容的问题。 一些内容管理系统能够自动获取页面作者的信息，然后用于某种目的。
指定包含关于页面内容的关键字的页面内容的描述是很有用的，因为它可能或让你的页面在搜索引擎的相关的搜索出现得更多 （这些行为术语上被称为 Search Engine Optimization, or SEO.）
实践操作: 在搜索引擎中description的使用节
description也被使用在搜索引擎显示的结果页中。下面通过一个例子来说明
访问MDN Web Docs。
查看网页源代码（通过鼠标右键点击网页在弹出的菜单中选择[查看网页源代码]）
找到description的meta标签。就和如下展示的这样：
现在，在你喜欢的搜索引擎里搜索“MDN Web Docs” （下图展示的是在谷歌搜索里的情况） 。你会看到description <meta> and <title> 元素如何在搜索结果里显示— 很值得这样做哦！
其他类型的 metadata
当你在网站上查看源码时，你也会发现其他类型的元数据。你在网站上看到的许多功能都是专有创作，旨在向某些网站(如社交网站)提供可使用的特定信息。
例如，Facebook 编写的元数据协议 Open Graph Data 为网站提供了更丰富的元数据。在 MDN 源代码中，你会发现：
<meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"><meta property="og:description" content="The Mozilla Developer Network (MDN) provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and HTML5 Apps. It also documents Mozilla products, like Firefox OS.">
<meta property="og:title" content="Mozilla Developer Network">
上面代码展现的一个效果就是，当你在 Facebook 上链接到 MDN 时，该链接将显示一个图像和描述：这为用户提供更丰富的体验。
Twitter 还拥有自己的类型的专有元数据协议，当网站的 URL 显示在 twitter.com 上时，它具有相似的效果。例如下面：
<meta name="twitter:title" content="Mozilla Developer Network"><ItemTemplate>标签在html里面有啥具体的作用？
参考技术A 严格的来说 <ItemTemplate> 在html中无意义，他只是针对诸如 Repeater、DataList、GridView中的一个模板至于里面的含义，你可以这样想，既然Repeater、DataList、GridView这样的控件一般都是为了显示类似表格数据状的数据，ItemTemplate显示的就是这个表格每一行的容器
再说的直接点，Repeater如果是一个表格，那么它就有多个行组成的，而它的每一行显示的数据，就是由ItemTemplate控制的本回答被提问者采纳 参考技术B 我没有明白你的意思。在html标签中，是没有<ItemTemplate>标签的。
<ItemTemplate>是Asp.net 中的服务器标签。
比如说：
数据控件中的Repeater
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
//在这里面 写 需要循环的内容
</ItemTemplate>
</asp:Repeater>
<itemTemplate>节点表示显示的内容。这些内容中也可以包含绑定到控件DataSource属性中元素集合的数据。
以上是关于HTML里的meta标签有啥作用？怎么用？六安市康运有人会这个吗？的主要内容，如果未能解决你的问题，请参考以下文章