آموزش HTML – تگ noscript

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/13 | بخش : آموزش HTML

تعریف و کاربرد تگ noscript در HTML

همون طور که می دونید ما با استفاده از تگ <script> می تونیم دستورات جاوا اسکریپت رو درون یک صفحه وب ایجاد و به نمایش (اجرا) درآوریم.

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

خب در این مواقع ما می تونیم با استفاده از تگ <noscript> یک متن یا محتوا را ایجاد نماییم که به کاربر بگه آقا مرورگر شما از دستورات جاوا اسکریپت پشتیبانی نمی کند، تا در کل کاربر بدونه دلیل اجرا نشدن دستورات جاوا اسکریپت چی بوده!

  • تگ <noscript> برای کاربرانی که script مرورگر خود را غیر فعال کرده اند و یا برای مرورگر هایی که script را پشتیبانی نمی کنند، متنی جایگزین تعریف می کند.
  • تگ <noscript> می تواند داخل هر دو تگ <head> و <body> قرار گیرد.
  • تگ <noscript> هنگامی که داخل عنصر <head> قرار می گیرد: باید شامل عناصر <link> ،<style> و <meta> باشد.
  • محتوای عنصر <noscript> تنها زمانی نشان داده می شود که script پشتیبانی نشود یا در مرورگر کاربر غیر فعال باشد.

 

نکات و توضیحات

در HTML4.01 تگ noscript فقط می تونه درون تگ body مورد استفاده قرار بگیرد ولی در HTML5 این تگ هم می تونه درون تگ body و هم تگ head مورد استفاده قرار بگیرد.

در XHTML تگ <noscript> بطور کلی پشتیبانی نمی شود و نمی توان از آن استفاده کرد.

 

تفاوت بین HTML 4.01 و HTML5

  • در HTML 4.01، تگ <noscript> تنها می تواند در داخل عنصر <body> قرار گیرد.
  • در HTML5، تگ <noscript> می تواند داخل هر دو تگ <head> و <body> قرار گیرد.

 

تفاوت بین HTML و XHTML

  • در XHTML، تگ <noscript> پشتیبانی نمی شود.

 

مثال از تگ noscript در HTML

<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "سایتکده ، آموزش آنلاین برنامه نویسی";
</script>
<noscript>متاسفانه ، مرورگر شما از جاواسکریپت پشتیبانی نمیکند</noscript>

تمرین کنید !

 

پشتیبانی مرورگرها از تگ noscript در HTML

Element
<noscript> بله بله بله بله بله