X
انجمن برنامه نویسی آموزش HTML

تگ noscript

تگ noscript

چگونگی ارائه طرح جایگزین تا حد زیادی به چگونگی استقرار جاوا اسکریپت در طراحی سایت بستگی دارد. اما عنصر noscript، در بسیاری از موارد در طراحی سایت مفید و کاربردی است. همانطور که از نام این عنصر مشخص است، ما می‌توانیم از این عناصر در طراحی سایت با html برای ارائه محتوای جایگزین استفاده کنیم. هر چیزی که در میان تگ <noscript> و </noscript> قرار گیرد تنها زمانی که جاوا اسکریپت غیر فعال شود، ارائه خواهد شد.

برای مثال ما یک صفحه آزمایشی ایجاد کردیم. این صفحه نمایشی، اثر بارگذاری تصویر تار را تکرار می‌کند. تصاویر و اثر تار هر دو از جاوا اسکریپت ارسال می شوند و اگر ما جاوا اسکریپت را غیر فعال کنیم، تصاویر بارگذاری نخواهند شد.

برای نمایش این تصاویر در طراحی سایت، ما می‌توانیم آنها را در عناصر noscript قرار دهیم.

<head>
<noscript>
<style>
figure noscript {
top: 0;
left: 0;
position: absolute;
}
</style>
</noscript>
</head>

...

<figure>
<img src="img/img-small-1.jpg"
width="30"
height="20"
class="img-small"
alt=""
data-large="img/img-large-1.jpeg"
data-large-width="1280"
data-large-height="853">
<canvas></canvas>
<figcaption>Lorem ipsum dolor sit amet.</figcaption>

<!-- fallback image -->
<noscript><img src="img/img-large-1.jpeg" height="600" width="900"></noscript>
</figure>

همچنین می‌توان از عنصر noscript برای اطلاع‌رسانی به کاربر در مورد خاموش بودن جاوا اسکریپت استفاده کرد، مانند آنچه فیس بوک و Trello انجام داده‌اند. علاوه بر این می‌توانیم یک لینک مرجع به منظور کمک به کاربر در جهت روشن کردن جاوا اسکریپت اضافه کنیم.

Print
نظرات بسته شده است.
دی ان ان