شرح صفوف ومحتوى الفقرة
يمكنك استخدام عنصر <meta> لتحديث صفحة HTML تلقائيًا بعد فترة زمنية محددة، وذلك عن طريق تعيين الخاصية [http-equiv] بالقيمة [refresh]، وتحديد عدد الثواني والعنوان المطلوب الانتقال إليه داخل الخاصية [content].
تحديد الوقت الزمني للتحديث مع عنصر meta:
- يتم تحديد التحديث التلقائي باستخدام الخاصية [http-equiv] في عنصر [meta]، وتكون قيمتها [refresh].
- لا يُستخدم اسم أو نوع البيانات الوصفية مع الخاصية [name] في هذا السياق.
- يتم تحديد الوقت الزمني للتحديث في داخل الخاصية [content]، ويمكن تحديد مسار صفحة HTML أخرى أو نفس الصفحة بعده.
- يتم الفصل بين عدد الثواني ومسار الصفحة في الخاصية content بواسطة علامة الفاصلة المنقوطة [;].
- يُنصح بعدم استخدام أكثر من عنصر [meta] من النوع [refresh] في نفس صفحة الويب لتجنب سلوك غير متوقع.
Meta tags refresh
يتم إعادة تحميل الصفحة تلقائيًا بعد مرور عدد الثواني المحدد في خاصية content، كما يمكن تحديد عنوان صفحة أخرى للانتقال إليها بعد انتهاء الوقت.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Meta refresh Tag</title>
<meta http-equiv="refresh" content="3">
</head>
<body>
<h1>Meta refresh Tag</h1>
</body>
</html>Meta refresh in HTML with another page
يتم الانتقال تلقائيًا إلى الصفحة المحددة في خاصية content بعد مرور عدد الثواني المضاف، حيث يقوم المتصفح باحتساب الوقت وتنفيذ إعادة التوجيه تلقائيًا.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Meta refresh Tag</title>
<meta http-equiv="refresh" content="3; url=/courses.html">
</head>
<body>
<h1>Meta refresh Tag</h1>
</body>
</html>