HTML <meta> ชื่อแอตทริบิวต์
ตัวอย่าง
ใช้แอตทริบิวต์ชื่อเพื่อกำหนดคำอธิบาย คำหลัก และผู้เขียนเอกสาร HTML กำหนดวิวพอร์ตเพื่อควบคุมขนาดของเพจและการปรับขนาดสำหรับอุปกรณ์ต่างๆ:
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="John Doe">
<meta
name="viewport" content="width=device-width, initial-scale=1.0">
</head>
แอตทริบิวต์name
ระบุชื่อสำหรับข้อมูลเมตา
แอตทริบิวต์name
ระบุชื่อสำหรับข้อมูล/ค่าของ
content
แอตทริบิวต์
หมายเหตุ:หากhttp-equiv
ตั้งค่า
name
แอตทริบิวต์ไว้ ไม่ควรตั้งค่าแอตทริบิวต์
HTML5 แนะนำวิธีการเพื่อให้นักออกแบบเว็บไซต์ควบคุมวิวพอร์ต (พื้นที่ที่ผู้ใช้มองเห็นของหน้าเว็บ) ผ่าน
<meta>
แท็ก (ดูตัวอย่าง "การตั้งค่าวิวพอร์ต" ด้านล่าง)
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
name | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<meta name="value">
ค่าแอตทริบิวต์
Value | Description |
---|---|
application-name | Specifies the name of the Web application that the page represents |
author | Specifies the name of the author of the document. Example:
<meta name="author" content="John Doe">
|
description | Specifies a description of the page. Search engines can pick up this description to show with the results of searches. Example:
<meta name="description" content="Free web tutorials">
|
generator | Specifies one of the software packages used to generate the document (not used on hand-authored pages). Example:
<meta name="generator" content="FrontPage 4.0">
|
keywords | Specifies a comma-separated list of keywords - relevant to the page (Informs search engines what the page is about). Tip: Always specify keywords (needed by search engines to catalogize the page). Example:
<meta name="keywords" content="HTML, meta tag, tag reference">
|
viewport | Controls the viewport (the user's visible area of a web page). The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen. You should include the following <meta> viewport element in all your web pages:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling. The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device). The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser. Here is an example of a web page without the viewport meta tag, and the same web page with the viewport meta tag: Tip: If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. You can read more about the viewport in our Responsive Web Design - The Viewport Tutorial. |
❮ แท็ก HTML <เมตา>