ویژگی http-equiv element HTML <meta>
تعریف و استفاده
http-equiv
ویژگی ویژگی content مقدار آن باید
http-equiv
این ویژگیها میتوانند برای تقلید میدانهای سربرگ پاسخ HTTP استفاده شوند.
مثال
مستند هر 30 ثانیه یک بار بهروزرسانی میشود:
<head> <meta http-equiv="refresh" content="30"> </head>
نحوه استفاده
<meta http-equiv="content-security-policy|content-type|default-style|refresh">
توضیح
تغییر میدانهای سربرگ HTTP (پrotocol transfer hyper-text) یکی از کاربردهای element meta است. معمولاً از HTTP برای انتقال دادههای HTML بین سرور و مرورگر استفاده میشود. هر پاسخ سرور شامل مجموعهای از میدانهایی است که به مرورگر توضیح میدهد محتوای آن چیست. element meta میتواند از چهار میدان سربرگ مورد تقلید استفاده کند.
http-equiv
کاربرد این ویژگی تعیین نام میدانهای سربرگ مورد تقلید است، که مقدار آن توسط ویژگی content تعیین میکند.
http-equiv
چهار مقدار قابل استفاده برای این ویژگیها در جدول زیر نمایش داده شده است:
مقدار ارزش
مقدار | توضیح |
---|---|
content-security-policy |
قانونگذاری سیاست محتوای مستند. مثال: <meta http-equiv="content-security-policy" content="default-src 'self'"> |
content-type |
رمزنگاری کاراکترهای مستند را تعریف میکند. توجه:این روش دیگری برای اعلام رمزنگاری همه کاراکترهای صفحه HTML است. مثال: <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
default-style |
تعریف میکند که چه استایل پیشفرضی باید استفاده شود. مثال: <meta http-equiv="default-style" content="the document's preferred stylesheet"> توجه داشته باشید که:مقدار ویژگی content باید با مقدار ویژگی title یک عنصر style یا link در همان مستند تطابق داشته باشد. |
refresh |
زمانبندی بازگشت خودکار به صفحه را به صورت ثانیه تعریف میکند. مثال: <meta http-equiv="refresh" content="300"> همچنین میتوانید یک URL دیگر مشخص کنید که مرورگر باید آن را بارگذاری کند: مثال: <meta http-equiv="refresh" content="5; https://www.codew3c.com"> توجه داشته باشید که:باید از مقدار "refresh" با دقت استفاده شود، زیرا این کار میتواند کنترل کاربر را بر روی صفحه از دست بدهد. استفاده از "refresh" منجر به شکست راهنمای دسترسی وب W3C میشود. |
پشتیبانی از مرورگر
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |