HTML <meta> ຕາມ
course recommendation:
<meta> definition and usage
<meta> the tag defines metadata about the HTML document. Metadata is data about data (information). the tag is always located <head> element
usually used to specify charset, page description, keywords, document author, and viewport settings:
metadata is not displayed on the page, but can be parsed by machines.
ຄຳແນະນຳ:browser (how to display content or reload the page), search engines (keywords), and other network services use metadata.
ຄຳແນະນຳ:meta elements have various different uses, and multiple meta elements can be used in one HTML document. <meta> by
tag, there is a way for web designers to control the viewport (i.e., the area visible to the user in the web page) (see the "set viewport" example below).note:
Each meta element can be used for only one purpose. If you want to use more than one feature, you should add multiple meta elements in the head element.
see also:HTML tutorial:
HTML headerHTML DOM reference manual:
Meta object
example 2: ກໍານົດປະກອບອຸປະກອນສາສະໜາພາສາ: <head> meta ປະກອບອຸປະກອນສາມາດນຳໃຊ້ບາງ/ຄຸນຄ່າມີຄວາມເຫັນຫນື່ງເພື່ອກໍານົດຂໍ້ມູນພາສາຂອງປະກອບອຸປະກອນ, ສຳລັບນັ້ນຕ້ອງມີການນໍາໃຊ້ປະກອບອຸປະກອນ name ແລະ content: <meta name="description" content="free Web tutorial"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="Bill Gates">
try it yourself
| try it yourself | attribute | value |
|---|---|---|
| description | charset | ກຳນົດຄວາມເປັນພາສາຂອງເອກະສານ HTML. |
| content | text | ກຳນົດຄູ່ມືກັບ http-equiv ຫຼື ຄູ່ມື name. |
| http-equiv |
|
为 content 属性的信息/值提供 HTTP 标头。 |
| name |
|
author |
description
<meta> generator keywordsviewport
HTML ແມ່ນມີການປ່ຽນແປງທົ່ວໄປ:
- .
- meta ປະກອບອຸປະກອນມີສາມວິທີການນຳໃຊ້ທີ່ປົກກະຕິ:
- ກໍານົດບາງ/ຄຸນຄ່າມີຄວາມເຫັນ:
ກໍານົດປະກອບອຸປະກອນສາສະໜາພາສາ:
ທົດສະນະສັບສິນລະຄອນ HTTP:
1: ກໍານົດບາງ/ຄຸນຄ່າມີຄວາມເຫັນຫນື່ງ:
meta ປະກອບອຸປະກອນສາມາດນຳໃຊ້ບາງ/ຄຸນຄ່າມີຄວາມເຫັນຫນື່ງເພື່ອກໍານົດຂໍ້ມູນພາສາຂອງປະກອບອຸປະກອນ, ສຳລັບນັ້ນຕ້ອງມີການນໍາໃຊ້ປະກອບອຸປະກອນ name ແລະ content:
ກໍານົດສຳພັນທີ່ຈະນໍາໃຊ້ໂດຍການຄົ້ນຫາເວັບໄຊ:
<meta name="keywords" content="HTML, CSS, JavaScript">
ກໍານົດຄວາມຄິດເຫັນຂອງເວັບໄຊ:
<meta name="description" content="Free Web tutorials for HTML and CSS">
ກໍານົດຜູ້ຂຽນເວັບໄຊ:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="John Doe">
ການກະກຽມຫວັງສະແດງ, ການປັບປຸງປະກອບອຸປະກອນເວັບໄຊໃນຫລາຍເຄື່ອງສະແດງ:
2: ກໍານົດປະກອບອຸປະກອນສາສະໜາພາສາ:
ການນໍາໃຊ້ charset 属性 ເພື່ອກໍານົດປະກອບອຸປະກອນສາສະໜາພາສາທີ່ໃຊ້ໃນເວັບໄຊນີ້ໃຫ້ເປັນ UTF-8:
<meta charset="UTF-8">
3: ທົດສະນະສັບສິນລະຄອນ HTTP:
ການນໍາໃຊ້ http-equiv 属性 ແລະ content 属性 ເພື່ອສາມາດການແທນຂໍ້ມູນຂອງເອກະສານພາຍໃນ 30 ວັນນາທີ:
<meta http-equiv="refresh" content="30">
ການປ່ຽນແປງໃນ HTML5:
charset 属性ໃນ HTML5 ໄດ້ຖືກເພີ່ມເຂົ້າມາ.
http-equiv 属性ໃນ HTML4 ສາມາດມີຄຸນຄ່າຫລາຍຢ່າງແຕກຕ່າງກັນ. ແຕ່ໃນ HTML5 ພຽງແຕ່ຄຸນຄ່າທີ່ໄດ້ກ່າວໃນຫນັງທີ່ໄດ້ເວົ້າ.
scheme 属性ໃນ HTML4 ແມ່ນບໍ່ຕ້ອງມີການນໍາໃຊ້ໃນ HTML5.
ນອກຈາກນັ້ນນັ້ນໃນປະຈຸບັນບໍ່ຕ້ອງມີການນໍາໃຊ້ປະກອບອຸປະກອນ meta ເພື່ອກໍານົດພາສາທີ່ໃຊ້ໃນເວັບໄຊ: <meta> ແຕ່ລະປະກອບອຸປະກອນHTML5 ໄດ້ນຳເອົາວິທີດຫນື່ງທີ່ອຸປະກອນເຄື່ອງສະແດງເວັບໄຊຈະດຳເນີນວຽກ:
ທ່ານຄວນບັນນາດຕົວພາບດັ່ງກ່າວໃນແຕ່ລະເວັບໄຊ: <meta> ປະກອບອຸປະກອນຂອງຫວັງສະແດງ:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它为浏览器提供了关于如何控制页面尺寸和缩放比例的指令。
width=device-width width=device-width
ເມື່ອບັນດາຄອມພິວເຕີ້ຈະເລີ່ມຕົວເປັນການອ້ອມລົງຄອມພິວເຕີ້ຕົກຕ້ານທີ່ຈະຕິດຕາມຄວາມສູງຂອງຈໍານວນຄອມພິວເຕີ້.initial-scale=1.0 ການຕັ້ງຂໍ້ສະເພາະການກະຈາຍຂະໜາດຫລັງຈາກການກະຈາຍອິດສະຫຼະພາບຫລັງຈາກການກະຈາຍບໍ່ມີສຳພັນ.
ລາຍກອງຫນັງພາຍໃຕ້ສຳພັນ meta ຕົວແທນ, ແລະລາຍກອງຫນັງທີ່ມີສຳພັນ meta ຕົວແທນ:
ຄຳແນະນຳ:ຖ້າເຈົ້ານໍາໃຊ້ຄອມພິວເຕີ້ຫຼືໂທລະສັບປະຈຳການຄົ້ນຄວ້ານີ້, ເຈົ້າສາມາດຄົນປາກກັບການເຊື່ອມຕໍ່ລາຍກອງຫນັງທີ່ຢູ່ໃຫ້ເບິ່ງຄວາມແຕກຕ່າງ.
ການຕັ້ງຂໍ້ສະເພາະ CSS
ບໍ່ມີ
ການສະໜັບສະໜູນບັນດາຄອມພິວເຕີ້
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ | ການສະໜັບສະໜູນ |
