تگ noscript در HTML

آموزش طراحی سایت

تگ noscript چیست؟ چگونه زمانی که مرورگرمان از جاوا اسکریپت پشتیبانی نمی‌کند این مورد را به کاربران اطلاع دهیم؟ چگونه وقتی ویژگی اسکریپت در مرورگر کاربران غیر فعال است آن‌ها را با خبر سازیم؟ در این مقاله با تگ noscript آشنا می‌شویم و نحوه کار با آن را بررسی می‌کنیم.

تگ <noscript>

درمقاله قبلی با تگ script در HTML آشنا شدیم و متوجه شدیم برای کار با کد‌های جاوا اسکریپت به صورت داخلی باید از این تگ استفاده کنیم. حالا در این مقاله می‌خواهیم با تگ noscript که دقیقا برعکس تگ Script عمل می‌کند، آشنا شویم.

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

تگ <noscript> را می‌توان هم در <head> و <body> استفاده کرد.

هنگامی که این تگ در بخش head استفاده شود، تگ <noscript> فقط می تواند شامل تگ های زیر مجموعه <link><style> و <meta> باشد.

محتوای داخل تگ <noscript> در صورتی نمایش داده می‌شود که اسکریپت ها فعال نباشند یا پشتیبانی نشوند.

<script>
document.write("Hello World!")
</script>
<noscript>Your browser does not support JavaScript!</noscript>

نکات و یادداشت ها

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

<script>
<!--
function displayMsg() {
  alert("Hello World!")
}
//-->
</script>

تفاوت تگ <noscript> در نسخه HTML 4.01 و HTML 5

در نسخه 4، این تگ فقط باید در داخل بخش body صفحه استفاده شود و استفاده در بخش های دیگر هیچ کاربردی ندارد.

در نسخه 5، این تگ می‌تواند در بخش head و body استفاده شود.

تفاوت تگ <noscript> در XHTML

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

خاصیت‌های تگ noscript

تگ noscript به صورت کلی از تمام خاصیت‌های عمومی HTML پشتیبانی می‌کند ولی هیچ خاصیت مخصوصی تا HTML5 برایش تعریف نشده است.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

آیا زمانی که جاوا اسکریپت در مرورگر ها پشتیبانی می‌شود ولی غیر فعال است نیز تگ noscript کار می‌کند؟ یک نمونه کد noscript با جمله‌ای دلخواه برایمان ارسال کنید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

همانطور که گفتیم این تگ برای استفاده در زمانیست که مرورگر ها از جاوا اسکریپت پشتیبانی نمی‌کنند، در این زمان ها از این تگ یعنی noscript استفاده میکنیم.

همچنین می‌دونین که برای دسترسی به مقالات هر فصل می‌تونید از برچسب آن فصل استفاده کنید. بنابراین برای دسترسی به مقالات این فصل می‌تونید از برچسب فصل یازده – کار با جاوا اسکریپت در HTML استفاده کنید.

آموزش html ما رو دنبال کنید. هرچیزی در رابطه با این تگ یا خارج از این تگ به فکرتون رسید، با ما به اشتراک بزارید، خوشحال میشیم… تا فصل و جلسه بعد…

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

4 نظر

4 پاسخ

    1. سلام محمد درست نوشتی و چقدر خوب که فارسی نویسی رو رعایت کردی. توی بقیه سوالات هم سعی کن از فارسی نویسی استفاده کنی.

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=