HTML <meta> name 属性
ການນຳໃຊ້ ແລະ ການອະທິບາຍ
name ປະສົມປະກອບ
name ປະສົມປະກອບ content 属性 ທີ່
ທີ່ name ທີ່ content ມີຊື່/ຄວາມມູນທີ່ສາມາດນຳໃຊ້ເພື່ອກຳນົດມີດັດຊະນະທີ່ກ່ຽວກັບເອກະສານ. ເປັນຕົວຢ່າງ:name ປະສົມປະກອບ content ປະສົມປະກອບ
ມີການອະທິບາຍຮູບແບບທີ່ກ່ຽວກັບມີດັດຊະນະທີ່ກ່ຽວກັບເອກະສານ.
ເຫັນວ່າ:ຖ້າມີການກຳນົດ http-equiv 属性ຖ້າບໍ່ມີການກຳນົດ name ປະສົມປະກອບ
Tip:HTML5 ໄດ້ນຳໃຊ້ວິທິການເພື່ອໃຫ້ຜູ້ອອກແບບເວັບໄຊຄວບຄຸມມູນຄວາມທີ່ຫວັງ (ພາກຂອງໜ້າເວັບໄຊທີ່ສາມາດເບິ່ງໄດ້) ຜ່ານອີກຄຳວັດ <meta> (ບັນທຶກ 'ການກຳນົດມູນຄວາມທີ່ຫວັງ'). ເຕັມດັ່ງກ່າວ:
ຄວາມລະບຸ
ນຳໃຊ້ຄວາມຊື່ name ເພື່ອກຳນົດຄວາມອະທິບາຍ, ຄຳວັດຊະນະ, ແລະຊື່ຜູ້ຂຽນ HTML ເອກະສານ. ຍັງຕ້ອງກຳນົດມູນຄວາມທີ່ຄວບຄຸມຂະໜາດໜ້າເວັບໄຊ ແລະຄວາມຫຼຸດຫຼອຍສຳລັບອຸປະກອນທັງໝົດ:
<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 |
ກຳນົດລາຍການຄຳວັດຊະນະທີ່ກ່ຽວກັບໜ້າເວັບໄຊ ຈາກຄຳຂອງການແຈກຢູ່ດ້ວຍຄຳແຈກ. ບອກກັບເຄື່ອງຫາຄຳວັດຊະນະທີ່ກ່ຽວກັບເນື້ອໃນໜ້າເວັບໄຊ. Tip:请始终规定关键字（搜索引擎需要对页面进行分类）。例如： |
| 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
百度：百度搜索引擎优化指南
设置视口
视口是网页的用户可见区域。它因设备而异 —— 它在手机上会比在电脑屏幕上小。
ທ່ານຄວນກວດກາ <meta> ສະໂມສອນທັງໝົດໃນເວັບໄຊທັງໝົດ:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
It provides instructions for the browser on how to control the page size and zoom ratio.
width=device-width Part of the settings for the page width to follow the screen width of the device (varies by device).
initial-scale=1.0 Part of the settings for the initial zoom level when the browser loads the page for the first time.
This is an example of a webpage without a viewport meta tag, and the same webpage with a viewport meta tag:
Tip:If you use a mobile phone or tablet to browse this page, you can click on the two links below to see the differences.
You can find ourResponsive Web Design - Viewport TutorialLearn more about viewport.
Browser Support
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Support | Support | Support | Support | Support |
