HTML name 属性
定义和用法
name
属性规定元数据的名称。
name
属性规定的是 content 属性 的值的名称。
通过使用 name
和 content
属性,能够使用名/值对为文档定义元数据。其中,name
属性表示元数据的类型,而 content
属性用来提供值。
下面的表格列出了几种预定义的元数据类型。
注意:如果设置了 http-equiv 属性,则不应设置 name
属性。
آگاہی:HTML5 引入了一种方法,让网页设计人员通过 标签控制视口(网页的用户可见区域)(请参见下面的“设置视口”实例)。
实例
使用 name 属性定义关于 HTML 文档的描述、关键字和作者。还要定义视口,来控制页面的尺寸和针对不同设备的缩放比例:
<meta نام="viewport" content="width=device-width, initial-scale=1.0">
语法
属性值
值 | 描述 |
---|---|
application-name | 规定页面代表的 Web 应用程序的名称。 |
author |
规定文档作者的姓名。例如: |
description |
规定页面的描述。搜索引擎可以选择此描述来显示搜索结果。例如: |
generator |
规定用于生成文档的软件包之一(不用于手写页面)。例如: |
keywords |
规定与页面相关的关键字列表,以逗号分隔。告知搜索引擎关于页面的内容。 آگاہی:همیشه باید کلمات کلیدی مشخص کنید (موتورهای جستجو باید صفحه را دستهبندی کنند). به عنوان مثال: <meta نام="keywords" content="HTML, meta tag, tag reference"> |
viewport | کنترل viewport (ناحیه قابل مشاهده کاربر در وبسایت). |
توضیحات
علاوه بر شش نوع دادههای متا پیشتعریف شده در جدول، میتوان از گسترشهای دادههای متا نیز استفاده کرد. برای دسترسی به لیستی که به طور مداوم بهروزرسانی میشود، به این صفحه بروید:
http://wiki.whatwg.org/wiki/MetaExtensions
بعضی از گسترشها بیشتر استفاده میشوند، در حالی که برخی دیگر کاربرد بسیار محدودی دارند و تقریباً کسی از آنها استفاده نمیکند. دادههای متا robots به وضوح در گروه اول قرار دارد. نویسندگان HTML میتوانند از آن برای اطلاع دادن به موتورهای جستجو چگونه با مستند خود رفتار کنند. به عنوان مثال:
<meta نام="robots" content="noindex">
این نوع دادههای متا سه ارزشی است که بیشتر مرورگرها آنها را میشناسند:
- noindex - به معنای عدم شامل این صفحه در فهرست است
- noarchive - به معنای عدم ذخیره یا ذخیرهسازی این صفحه است
- nofollow - به معنای عدم ادامه جستجو از طریق لینکهای این صفحه است
تعداد کمی از گسترشهای متا موجود است، توسعهدهندگان باید لیست آنلاین را بخوانند و ببینند چه چیزی برای پروژه خودشان قابل استفاده است.
توضیحات
برای اطلاع دادن به موتورهای جستجو چگونه محتوا دستهبندی و طبقهبندی شوند، روش اصلیترین در گذشته استفاده از دادههای متا keywords بوده است. اکنون، اهمیت دادههای متا keywords در موتورهای جستجو کمتر از گذشته است زیرا میتواند برای ایجاد توهم مربوط بودن محتوا به صفحات مورد سوءاستفاده قرار گیرد. بهترین راه برای ایجاد تغییر در نگاه موتورهای جستجو به محتوا استفاده از پیشنهادات خودشان است. بیشتر موتورهای جستجو راهنماهایی برای بهینهسازی صفحات یا وبسایتها ارائه میدهند.
گوگل: راهنمای مبتدیان بهینهسازی موتور جستجو (SEO)
https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn
بیدو: راهنمای بهینهسازی موتور جستجو بیدو
تنظیم viewport
viewport یک ناحیه قابل مشاهده کاربر در وبسایت است. این ناحیه بسته به دستگاه متفاوت است - مثلاً در تلفنهای همراه کوچکتر از صفحه نمایش کامپیوتر خواهد بود.
شما باید این <meta> عناصر را در تمامی صفحات شامل کنید:
<meta نام="viewport" content="width=device-width, initial-scale=1.0">
یہ براوزر کو صفحے کی انداز بندی اور زوم کی تناسب کا کنٹرول کرنے کے بارے میں معلومات فراہم کرتا ہے۔
width=device-width
بعض تنظیمات کا استعمال، جو صفحے کی چوڑائی کا تعین کرتے ہیں، تاکہ اس کا چوڑا دوسرے سائز کی اسکرین کی چوڑائی سے منسلک ہو (دوسرے سائز کے مطابق)
initial-scale=1.0
بعض تنظیمات کا استعمال، جو براوزر کی شروعاتی صفحہ لوڈ کے وقت پہلے زوم کا درجہ تعین کرتے ہیں。
یہ ایک ویجت متا مارک اپ کا استعمال نہ کئے جانے والا ویب سائٹ کا مثال ہے، نیز ایک ویجت متا مارک اپ کا استعمال کرنے والا اسی ویب سائٹ کا مثال:
آگاہی:اگر آپ موبائل یا تبلٹ سے اس صفحے کو دیکھ رہے ہیں، تو آپ میں درج کئے گئے دو لینک پر کلک کرسکتے ہیں تاکہ متفاوت جگہوں کو دیکھ سکیں。
آپ کے پاسریسپانسیو ویب سائٹ ڈیزائن - ویجت کا تعلیمویجت کے بارے میں مزید معلومات حاصل کریں
براوزر کا استعمال
کروم | ایج | فائرفاکس | سافری | آپریا |
---|---|---|---|---|
کروم | ایج | فائرفاکس | سافری | آپریا |
پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی | پشتیبندگی |