متا تگ رفرش و ریدایرکت صفحات با html

ریدایرکت و رفرش صفحات با htmlآموزش ریدایرکت صفحات با html رفرش صفحات با html

جلسه ی نهم از دوره ی آموزشی html را شروع می کنیم. در این جلسه، قصد دارم تغییر مسیر یا ریدایرکت و رفرش صفحات را با html به شما آموزش دهم.

متا تگ های غیر سئو

ما در آموزش متا تگ های سئو به شما گفتیم که متا تگ ها چه هستند، در کجا قرار می گیرند و خلاصه به صورت مفصل، در این باره بحث و گفت و گو کردیم. در جلسه ی قبل متا تگ های سئو را نام بردیم. و ذکر کردیم که این متا تگ ها چه متا تگ هایی هستند.

همچنین گفته شد، که متا تگ هایی هم وجود دارند که برای سئو نیستند، بلکه به بهتر کار کردن صفحات سایت ما کمک می کنند.

در این جلسه همه قصد داریم که همین متاتگ ها را برای شما تشریح کنیم، و به صورت کامل درباره با این متا تگ ها به بحث بپردازیم، کارایی آنها را بررسی کنیم و…

صفت http-equiv

این صفت صفتی است که در تگ meta قرار می گیرد.

صفت content

صفت content هم از دیگر صفاتی است که در تگ meta قرار می گیرد.

ریدایرکت صفحات با html

ریدایرکت در واقع به معنای تغییر مسیر می باشد.

این متا تگ، در مواقعی به کار می آید که صفحه ای به هر دلیلی تغییر آدرس پیدا کرده است. و شما بخواهید اگر کسی به آن آدرس قدیمی مراجعه کرد، به صورت خودکار به آدرس جدید هدایت شود. این کار بیشتر با php انجام می شود ولی در این آموزش ما با استفاده از متا تگ ها و با html صفحات مد نظر خود را ریدایرکت می کنیم.

طبق گفته های بالا شما می باست مقدار http-equiv را refresh قرار دهید.

و همچنین در مقدار content عدد 0 را قرار می دهیم.سپس با یک (,) این عدد را از آدرسی که قصد ریدایرکت دارید جدا می کنید.

اگر قصد داشته باشید، که بعد از هر چند ثانیه ی دلخواه این صفحه ریدایرکت شود مقدار content را به ثانیه وارد  کنید. مثلا اگر من قصد داشته باشم که صفحه ی مورد نظر من بعد از 2 ثانیه ریدایرکت شود و همچنین به آدرس https://sarzamincode.ir ریدایرکت شود. به این گونه عمل  می کنیم که کد زیر را در قسمت head صفحه ی مورد نظر خود قرار می دهیم. تا بتوانیم به راحتی عمل ریدایرکت با html را انجام دهیم.

و خروجی ما به این گونه است که کد ما بعد از گذشت زمان 2 ثانیه به سرزمین کد ریدایرکت می شود. به همین سادگی و خوشمزگی.

آموزش رفرش صفحات با html

رفرش کردن صفحات خیلی شبیه به عمل  ریدایرکت با html است. و آسان تر از این عمل هم هست

برای این کار مطابق با دستور بالا عمل می کنیم.

همه ی موارد با دستور بالا یکی است بجز قسمت آخر که آدرس ریدایرکت را وارد می کردیم. برای رفرش صفحات تنها کاری که باید انجام دهید این است که (,) و آدرس ریدایرکت را به طور کامل پاک کنید.

و این دفعه هر عددی که در قسمت content وارد کنید به همان مقدار ثانیه بعد صفحه ی شما رفرش می شود.

البته دقت کنید که اگر شما این مقدار 3 قرار دهید هر 3 ثانیه یکبار صفحه ی شما رفرش می شود.

همانند کد زیر که ما گفته ای بعد از 3 ثانیه صفحه ی مورد نظر رفرش شود.

امیدوارم که تا اینجا همه چیز را به خوبی آموخته باشید.

متا تگ viewport

متا تگی که بعد از متا تگ ریدایرکت در html به سراغش می رویم متا تگ viewport است، که سایت موفقی در جهان وجود ندارد که این متا در ساختار اصلی آن نباشد.

اما شاید برای شما این سوال پیش آید که این متا تگ چیست؟

در واقع این متا تگ متا تگ است که با استفاده  از آن قادر خواهید صفحات واکنشگرا یا ریسپانسیو بسازید یعنی اینکه با توجه به اندازه های مختلف صفحه واکنش دهد و خودش را مطابق به دستگاه تنظیم کند. یعنی اینکه مثلا منویی که در ویندوز وجود دارد در گوشی ظاهر خوبی ندارد به همین دلیل با واکنش گرا کردن صفحات قادر خواهید بود که زمانی که سایت شما در تلفن همراه باز شد منوی آن تغییر کند اندازه ی فونت آن کوچک تر شود و…

این متا تگ دارای قابلیت هایی است. که وارد این مباحث نمی شویم چون که دچار سرد گمی می شوید. و اگر هم این مبحث را باز کنم. در دوره ی پیشرفته ی آموزش html به این قسمت خواهیم پرداخت.

این متا تگ به صورت زیر است:

 

همانطور که می بینید ساختار پیچیده ای دارد و لازم نیست که معنای هر مورد را بدانید.

مقداری که در بالا قرار گرفته استاندارد ترین مقدار این متا تگ هستند بیشتر از همین مقادیر استفاده می شود.

سخن پایانی

امیدوارم که مباحث مربوط به متاتگ ها را به خوبی آموخته باشید. و همچنین درک کرده باشید. در صورتی که سوال یا مشکلی در مورد با این آموزش داشتید در قسمت کامنت ها بپرسید.

نوشتهٔ قبلی
متا تگ ها در html
نوشتهٔ بعدی
لیست ها در html

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست