HTML <meta> name အကျုပ်အချုပ်

ဟန်တီလိုင် <meta> အမှတ်

အခြေခံ နှင့် အသုံးပြုခြင်း

name အကျုပ်အချုပ်

name အကျုပ်အချုပ် content အကျုပ်အချုပ် အကျုပ်အချုပ်

အကျုပ်အချုပ် name အကျုပ်အချုပ် content content အကျုပ်အချုပ်name အကျုပ်အချုပ် content အကျုပ်အချုပ်

အခြား ပြည့်မျှသော အချက်အလက်များ အစဉ်အဆာပြု၍ ကြောင်းပြချက်များ ကို ရှိသည်။

ကြောင်းပြချက်:အားဖြင့် http-equiv အကျုပ်အချုပ်အားဖြင့် name အကျုပ်အချုပ်

提示：HTML5 က ဝတ္ထုကြီးသူများ ကို <meta> အကျုပ်အချုပ်ကို ကြိုးစားပြီး ဝတ္ထုကြီး၏ လွှတ်တိုင်း၏ အထိပ်ချို့ကို ကွဲပြောင်းစောင့်ရှောက်ပါ (အောက်ပါ 'ကြိုးစားပြောင်းစောင့်ရှောက်ပါ' အမှတ်အသားကို ကြည့်ပါ)။

အမှတ်အသား

name အကျုပ်အချုပ်ကို အသုံးပြု၍ စာသင်္ကြတ်၏ ဖော်ပြချက်၊ အကြိုးစားအမည်များ နှင့် ရေးသားသူ၏ အမည်ကို အသုံးပြုပြီး လည်းကောင်း၊ လွှတ်တိုင်း၏ အထိပ်ချို့၏ အင်တာနက် အထိပ်ချို့၏ အင်တာနက် အတွက် ပိုင်းပြောင်းစောင့်ရှောက်ပါ။

<head>
  <meta name="description" content="免费的 Web 教程">
  <meta name="keywords" content="HTML,CSS,JavaScript">
  <meta name="author" content="YK Investment">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

ကိုယ်တိုင် ကြိုးစားပါ

ပုံစံ

<meta name="value">

အကျုပ်အချုပ်

အတ္ထုပတ္တိ ဖော်ပြ
application-name စာသင်္ကြတ်ကို ကိုက်ညာသော Web အက်ဥပဒေ၏ အမည်ကို လုပ်ခ�င်း။
author

စာသင်္ကြတ်၏ ရေးသားသူ၏ အမည်ကို လုပ်ခ�င်း။ ဥပမာ့:

<meta name="author" content="YK Investment">
description

စာသင်္ကြတ်၏ ဖော်ပြချက်ကို လုပ်ခြင်း။ လိုင်းနယ်အောက်မှ ထိုဖော်ပြချက်ကို ကိုက်ညာခြင်း ပြုနိုင်သည်။ ဥပမာ့:

<meta name="description" content="免费的 Web 教程">
generator

စာသင်္ကြတ်ကို ထုတ်လွှင့်တတ်သော ပရိုဂရမ်များထဲမှ တစ်ခု၊ လက်ဖြင့် စာသင်္ကြတ်ကို ထုတ်လွှင့်မှု မပါဘူး)။ ဥပမာ့:

<meta name="generator" content="FrontPage 4.0">
keywords

စာသင်္ကြတ်တစ်ခုနှင့် ပတ်သက်သော အကြိုးစားအမည်များ အရပ်ရပ်ချင်း လွှတ်ပြခြင်း။ လိုင်းနယ်အောက်မှ စာသင်္ကြတ်၏ အရေးအသားကို သိပါသည်။

提示：请始终规定关键字（搜索引擎需要对页面进行分类）。例如：
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

百度：百度搜索引擎优化指南

https://ziyuan.baidu.com/college/articleinfo?id=1346

设置视口

视口是网页的用户可见区域。它因设备而异 —— 它在手机上会比在电脑屏幕上小。

အားလုံး ဝတ္ထု စာကြိုး တွင် အောက်ပါ <meta> အချက်အလက် ပါဝင်သင့်သည်:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

它为浏览器提供了有关如何控制页面尺寸和缩放比例的说明。

width=device-width 部分设置页面的宽度，以跟随设备的屏幕宽度（因设备而异）。

initial-scale=1.0 部分设置浏览器首次加载页面时的初始缩放级别。

这是一个没有视口元标记的网页示例，以及带有视口元标记的同一网页：



没有使用视口元标记


使用视口元标记


提示：如果您使用手机或平板电脑浏览此页面，您可以点击下面的两个链接来查看不同之处。

ကျွန်တော်တို့၏ဘုတ်ဘုတ်သို့ အပြန်ပြောင်းရိုး ဝတ္ထုကျမ်းဒိပ်ဘုတ်ဘုတ်သို့ လောင်စာ အခြေခံ ကျမ်းဒိပ်

ဘုတ်ဘုတ် ထောက်ပံ့

ခရမ်း အိုင်ဂျီ ဖက်ဒရာ ဆာဖက် အိုပရာ
ခရမ်း အိုင်ဂျီ ဖက်ဒရာ ဆာဖက် အိုပရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

ဟန်တီလိုင် <meta> အမှတ်