HTML name 属性
定义和用法
name
属性规定元数据的名称。
name
属性规定的是 content 属性 的值的名称。
通过使用 name
和 content
属性,能够使用名/值对为文档定义元数据。其中,name
属性表示元数据的类型,而 content
属性用来提供值。
下面的表格列出了几种预定义的元数据类型。
注意:如果设置了 http-equiv 属性,则不应设置 name
属性。
ਸੁਝਾਅ:HTML5 引入了一种方法,让网页设计人员通过 标签控制视口(网页的用户可见区域)(请参见下面的“设置视口”实例)。
实例
使用 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 |
ਪੇਜ਼ ਨਾਲ ਜੁੜੇ ਕੀਵਰਡ ਸੂਚੀ ਨੂੰ ਪਾਰਸੋਲ ਵਿੱਚ ਸੁਲੱਜਿਆ ਹੈ। ਸਰਚ ਐਗੇਂਟ ਨੂੰ ਪੇਜ਼ ਦੇ ਸਮੱਗਰੀ ਬਾਰੇ ਜਾਣਕਾਰੀ ਦੇਣ ਲਈ ਹੈ。 ਸੁਝਾਅ:请始终规定关键字(搜索引擎需要对页面进行分类)。例如: <meta name="keywords" content="HTML, meta tag, tag reference"> |
viewport | ਵਿਜੂਅਲ ਪੋਰਟ (ਵੈੱਬਸਾਈਟ ਦਾ ਯੂਜ਼ਰ ਦੇ ਦੇਖਣ ਯੋਗ ਖੇਤਰ) ਕੰਟਰੋਲ ਕਰਨਾ。 |
ਵਿਵਰਣ
ਤਾਲਿਕਾ ਵਿੱਚ ਦਿਖਾਈ ਦੇ ਛੇ ਪ੍ਰਿਵਿਕ ਮੇਟਾ ਡਾਟਾ ਪ੍ਰਕਾਰਾਂ ਤੋਂ ਇਲਾਵਾ, ਮੇਟਾ ਡਾਟਾ ਵਿਸਤਾਰ ਦਾ ਉਪਯੋਗ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਸ ਪੰਨੇ 'ਤੇ ਹਰ ਸਮੇਂ ਅੱਪਡੇਟ ਵਾਲੀ ਵਿਸਤਾਰ ਸੂਚੀ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਲਿੰਕ ਦੇਖੇ:
http://wiki.whatwg.org/wiki/MetaExtensions
ਕੁਝ ਵਿਸਤਾਰ ਕਈ ਵਾਰ ਵਰਤੇ ਜਾਂਦੇ ਹਨ, ਜਦਕਿ ਹੋਰ ਵਿਸਤਾਰ ਬਹੁਤ ਸੀਮਿਤ ਉਪਯੋਗ ਵਾਲੇ ਹਨ, ਜਿਨ੍ਹਾਂ ਨੂੰ ਕੋਈ ਵੀ ਨਹੀਂ ਵਰਤਦਾ ਹੈ। robots ਮੇਟਾ ਡਾਟਾ ਜਿਆਦਾਤਰ ਪਹਿਲੇ ਵਰਗ ਵਿੱਚ ਆਉਂਦਾ ਹੈ। HTML ਡਾਕੂਮੈਂਟ ਲੇਖਕ ਇਸ ਦੁਆਰਾ ਸੈਰਚ ਇੰਜੀਨ ਨੂੰ ਇਹ ਦੱਸ ਸਕਦੇ ਹਨ ਕਿ ਉਹ ਇਸ ਡਾਕੂਮੈਂਟ ਨਾਲ ਕਿਵੇਂ ਵਿਵਹਾਰ ਕਰਨਾ ਹੈ। ਉਦਾਹਰਣ ਵਜੋਂ:
<meta name="robots" content="noindex">
ਇਹ ਮੇਟਾ ਡਾਟਾ ਪ੍ਰਕਾਰ ਤਿੰਨ ਮੁੱਖ ਮੁੱਲਾਂ ਨੂੰ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ ਜੋ ਮੋਸਟ ਬਰਾਊਜ਼ਰਾਂ ਦੁਆਰਾ ਪਛਾਣੇ ਜਾਂਦੇ ਹਨ:
- 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">
ਇਹ ਬਰਾਉਜ਼ਰ ਨੂੰ ਪੰਨੇ ਦੀ ਪਹੁੰਚ ਅਤੇ ਸਾਇਜ਼ ਕਿਵੇਂ ਕੰਟਰੋਲ ਕਰਨਾ ਹੈ ਇਸ ਬਾਰੇ ਸੂਚਨਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ
width=device-width
ਹਿੱਸੇਦਾਰ ਸੈੱਟਿੰਗ ਪੰਨੇ ਦੀ ਚੌੜਾਈ ਨੂੰ ਸੈੱਟ ਕਰਦਾ ਹੈ, ਤਾਕਿ ਇਹ ਸਾਈਡੇਵ ਸਕਰੀਨ ਦੀ ਚੌੜਾਈ ਨਾਲ ਮੇਲ ਖਾਵੇ (ਸਾਈਡੇਵ ਤੋਂ ਵੱਖ ਹੋ ਸਕਦਾ ਹੈ)
initial-scale=1.0
ਹਿੱਸੇਦਾਰ ਸੈੱਟਿੰਗ ਬਰਾਉਜ਼ਰ ਦੀ ਪਹਿਲੀ ਵਾਰ ਪੰਨਾ ਲੋਡ ਕਰਨ ਵੇਲੇ ਮੂਲ ਵਿਸ਼ਾਲਤਾ ਪੱਧਰ
ਇਹ ਇੱਕ ਵਿਜੂਅਲ ਵਿੰਡੋ ਮੈਟਾ ਟੈਗ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਨ ਵਾਲੀ ਵੈੱਬਸਾਈਟ ਦਾ ਉਦਾਹਰਣ ਹੈ, ਅਤੇ ਵਿਜੂਅਲ ਵਿੰਡੋ ਮੈਟਾ ਟੈਗ ਨਾਲ ਸਮਾਨ ਵੈੱਬਸਾਈਟ ਦਾ ਉਦਾਹਰਣ ਹੈ:
ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ ਸਮਾਰਟਫੋਨ ਜਾਂ ਟੇਬਲੇਟ ਰਾਹੀਂ ਇਹ ਪੰਨਾ ਦੇਖ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਹੇਠਾਂ ਦੋ ਲਿੰਕਾਂ ਨੂੰ ਕਲਿੱਕ ਕਰ ਕੇ ਵੱਖੋ-ਵੱਖੋ ਅੰਤਰ ਦੇਖ ਸਕਦੇ ਹੋ
ਤੁਸੀਂ ਸਾਡੇਰੈਸਪੋਨਸਿਵ ਵੈੱਬਸਾਈਟ ਡਿਜਾਈਨ - ਵਿਜੂਅਲ ਵਿੰਡੋ ਟੂਰਵਿਜੂਅਲ ਵਿੰਡੋ ਬਾਰੇ ਹੋਰ ਸਿੱਖੋ
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |