HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <meta> name Attribute

❮ 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တာဒေတာအတွက် အမည်ကို သတ်မှတ်ပေးသည်။

attribute သည် attribute ၏ nameအချက်အလက်/တန်ဖိုးအတွက် အမည်တစ်ခုကို သတ်မှတ် contentပေးသည်။

မှတ်ချက်-http-equiv attribute ကို သတ်မှတ်ပါက၊ attribute nameကို မသတ်မှတ်သင့်ပါ။

HTML5 သည် ဝဘ်ဒီဇိုင်နာများအား မြင်ကွင်းပို့တ် (အသုံးပြုသူ၏မြင်သာသော ဝဘ်စာမျက်နှာတစ်ခု၏ ဧရိယာ) ကို <meta>တဂ်အားဖြင့် (အောက်ရှိ "ရှုခင်းကို သတ်မှတ်ခြင်း" ဥပမာကို ကြည့်ပါ)။


Browser ပံ့ပိုးမှု

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 <meta> တဂ်