HTML <meta> name 属性
Girmi da amfani
name 属性 wajen kira sunan bayanin.
name 属性 wajen kira nau'in bayanin. content 属性 na kudu.
da yin amfani da name da content 属性, wajen girmi bayanin da aka fi so na bayanin.name 属性 wajen kira nau'in bayanin. Man ne: content 属性 wajen kiyasta kudu.
Tabbin baya na wajen kira kalmu anfani da aka fi so na bayanin.
Rarraba:idan aka girmi http-equiv 属性kuma ba a girmi name 属性.
提示：HTML5 ya kirkiro karo wanda ke ba da sabon hanyar, domin kare hanyar kwarin bayanin <meta> (saukar da ake samu a cikin shafin) (karanta kashi na kwarin "Girmi saukar kwarin").
Misali
Aka girmi name kalmu don kira bayanin HTML, abubuwan da aka fi so da sunan mutum. Kuma aka girmi viewport, domin kwareta saukar da saukar da ake samu a cikin saukar shafin, don kwareta saukar da saukar a cikin saukar da aka fi so:
<head> <meta name="description" content="免费的 Web 教程"> <meta name="keywords" content="HTML,CSS,JavaScript"> <meta name="author" content="YK Investment"> </head>
Yanar gizo
<meta name="kudu">
Kudu na属性
| Kudu | Bayanin |
|---|---|
| application-name | Girmi kira kalmu anfani na sunan shafin Web na aiki. |
| author |
Girmi kira kalmu anfani na sunan mutum na bayanin. Misali: <meta name="author" content="YK Investment"> |
| description |
Girmi kira kalmu anfani na bayanin shafin. Sabonin ana iya yin amfani da wannan bayanin don gudanar da kashi da aka fi so a cikin sabonin. Misali: <meta name="description" content="免费的 Web 教程"> |
| generator |
Girmi kira kalmu anfani daya daga kwallon bayanin (ko da ake girmu kalmu a na shafin). Misali: <meta name="generator" content="FrontPage 4.0"> |
| keywords |
Girmi kira kalmu anfani hanyar da na girmu kalmu, wanda ake kai tsamman. Na ba da raba sabonin kuma abubuwar na shafin. 提示：请始终规定关键字（搜索引擎需要对页面进行分类）。例如： |
| viewport | 控制视口（网页的用户可见区域）。 |
说明
除了表中的六种预定义的元数据类型，还可以使用元数据扩展。访问此页面可获取一份时常更新的扩展清单：
http://wiki.whatwg.org/wiki/MetaExtensions
有些扩展用得较多，而另外一些则只有很窄的用途，几乎无人使用。robots 元数据显然属于前者。HTML 文档作者可以用它告诉搜索引擎该如何对待该文档。例如：
这个元数据类型有三个大多数浏览器都认识的值：
- noindex - 表示不要索引本页
- noarchive - 表示不要将本页存档或缓存
- nofollow - 表示不要顺着本页的链接继续搜索下去
可用的元数据扩展为数不多，开发者最好读读那份在线的清单，看看有哪些可用于自己的项目。
提示
要告诉搜索引擎如何对内容分类和分等级，过去最主要的手段就是使用 keywords 元数据。现在的搜索引擎对 keywords 元数据的重视程度已大不如前，这是因为它可以被滥用来制作页面内容与相关性的假象。创作者如何希望内容在搜索引擎眼里有所改观，最好的方法是使用它们自己提供的建议。大多数搜索引擎都提供了优化网页或整个网站的指南。
谷歌：搜索引擎优化 (SEO) 新手指南
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
百度：百度搜索引擎优化指南
设置视口
视口是网页的用户可见区域。它因设备而异 —— 它在手机上会比在电脑屏幕上小。
您应该在所有网页中包含以下 元素：
它为浏览器提供了有关如何控制页面尺寸和缩放比例的说明。
width=device-width 部分设置页面的宽度，以跟随设备的屏幕宽度（因设备而异）。
initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。
这是一个没有视口元标记的网页示例，以及带有视口元标记的同一网页：
提示：如果您使用手机或平板电脑浏览此页面，您可以点击下面的两个链接来查看不同之处。
您可以在我们的响应式网页设计 - 视口教程中学到更多关于视口的内容。
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |
