హ్ట్మ్ఎల్ <meta> టాగ్
定义和用法
<meta>
标签定义关于 HTML 文档的元数据。元数据是关于数据的数据(信息)。
<meta>
标签始终位于 元素 内,通常用于指定字符集、页面描述、关键词、文档作者和视口设置:
元数据不会显示在页面上,但可以被机器解析。
浏览器(如何显示内容或重新加载页面)、搜索引擎(关键词)和其他网络服务会用到元数据。
సలహా:meta అంశాలు పలు వినియోగాలు కలిగి ఉంటాయి మరియు హెచ్టిఎంఎల్ డాక్యుమెంట్లో పలు meta అంశాలు ఉండవచ్చు.
సలహా:ద్వారా <meta>
టాగ్, వెబ్ డిజైనర్లు వీక్షణ ప్రాంతాన్ని (వినియోగదారులు వెబ్ పుటలో చూసిన ప్రాంతం) నియంత్రించడానికి ఒక మార్గం ఉంది (క్రింది "వీక్షణ ప్రాంతాన్ని అమర్చండి" ఉదాహరణను చూడండి).
గమనిక:ప్రతి meta అంశం ఒక వినియోగానికే ఉపయోగించబడగలదు. ఉపయోగించాల్సిన లక్షణాలు అనేకం ఉంటే, head అంశంలో పలు meta అంశాలను జోడించాలి.
మరింత చూడండి:
HTML ట్యూటోరియల్:HTML హెడ్ పానికి సంబంధించిన విషయం:
HTML DOM పరిశీలన పాఠ్యక్రమం:Meta ఆబ్జెక్ట్
ఉదాహరణ
<head> <meta name="description" content="ఉచిత వెబ్ ట్యూటోరియల్"> <meta name="author" content="Bill Gates"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>
అంశం
అంశం | విలువ | వివరణ |
---|---|---|
charset | అక్షరసమితి | హెచ్టిఎంఎల్ డాక్యుమెంట్ అక్షర కోడింగ్ నిర్వచిస్తుంది。 |
content | పదం | నిర్వచించడం అనగా హెచ్టిపి లేదా name అంశంతో సంభందించిన విలువలు。 |
http-equiv |
|
为 content 属性的信息/值提供 HTTP 标头。 |
name |
|
规定元数据的名称。 |
全局属性
<meta>
标签还支持 HTML 中的全局属性。
meta 元素有三种典型的用法:
- 指定名/值元数据对
- 声明字符编码
- 模拟 HTTP 标头字段
1:指定各种名/值元数据对
meta 元素可以使用名/值对定义元数据,为此需要用到其 name 和 content 属性。
为搜索引擎定义关键字:
定义有关网页的描述:
定义页面的作者:
设置视口,改善网站在各种设备上的外观:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2:声明字符编码
使用 charset 属性声明该页面采用 UTF-8 字符编码:
3:模拟 HTTP 标头字段
http-equiv అటీబ్యూట్ మరియు content అటీబ్యూట్ ఉపయోగించి పత్రాన్ని ప్రతి 30 నిమిషం రిఫ్రెష్ చేయండి:
<meta http-equiv="refresh" content="30">
HTML5 లో మార్పులు:
charset అటీబ్యూట్ HTML5 లో నూతనంగా జోడించబడింది.
HTML4 లో http-equiv అటీబ్యూట్ కి అనేక వివిధ విలువలను కలిగి ఉండవచ్చు. కానీ HTML5 లో మాత్రమే పేజీలో పేర్కొన్న విలువలను ఉపయోగించాలి.
HTML4 లో ఉన్న scheme అటీబ్యూట్ ను HTML5 లో ఉపయోగించడం మానిస్తున్నారు.
ఇప్పుడు మీరు వెబ్ పేజీ ఉపయోగించే భాషను నిర్దేశించడానికి meta ఎలిమెంట్ను ఉపయోగించడం మానిస్తున్నారు.
వీక్షణ కేంద్రాన్ని సెట్ చేయండి:
HTML5 లో వెబ్ డిజైనర్లు వీక్షణ కేంద్రాన్ని సెట్ చేయడానికి ఒక పద్ధతిని ప్రవేశపెట్టింది: <meta>
వీక్షణ కేంద్రాన్ని నియంత్రించడానికి.
మీరు అన్ని వెబ్ పేజీలలో క్రింది టాగ్లను చేర్చాలి: <meta>
వీక్షణ కేంద్రం ఎలిమెంట్స్:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
ఇది బ్రౌజర్కు పేజీ పరిమాణం మరియు జాగ్రత్తా స్కేల్ నియంత్రించడానికి సంబంధించిన సూచనలను అందిస్తుంది.
width=device-width
పార్టియల్ పేజీ వెడల్పనను పరికరం తో పోల్చిన స్క్రీన్ వెడల్పనగా నిర్ణయిస్తుంది (పరికరం ఆధారితం).
బ్రౌజర్ పేజీని మొదటిసారి లోడ్ చేసినప్పుడుinitial-scale=1.0
పార్టియల్ సెటింగ్ ప్రాథమిక జాగ్రత్తా స్కేల్.
ఈ క్రింద మెటా టాగ్ లేని వెబ్ పేజీ మరియు మెటా టాగ్ తో వెబ్ పేజీ ఉదాహరణలు ఉన్నాయి:
సలహా:ఈ పేజీని మొబైల్ లేదా టాబ్లెట్ లో బ్రౌజర్ ద్వారా బ్రౌజింగ్ చేస్తే, క్రింది రెండు లింక్లను క్లిక్ చేసి వివిధ అంతరాలను చూడవచ్చు.
డిఫాల్ట్ CSS అమర్పులు
కాదు.
బ్రౌజర్ మద్దతు
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |