معرفی و کاربرد تگ script در HTML درج کد اسکریپت

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

تگ script در اچ تی ام ال

معرفی و کاربرد تگ script در HTML درج کد اسکریپت - سایت آموزی

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

تگ script به دو صورت استفاده می شود:

  1. با نوشتن دستورات درون تگ script درون سند HTML استفاده می شود.
  2. به صورت یک فایل script خارجی که با خصوصیت src در سند HTML مشخص می شود، استفاده می شود.

در صورتی که از خصوصیت src به عنوان یک صفت در تگ script استفاده کنید، باید درون تگ خالی باشد.

تگ <noscript> نیز زمانی استفاده می شود که script ها در مرورگر غیر فعال شده یا مرورگر سمت کاربر از script پشتیبانی نمی کند.

راه های مختلف برای اجرا شدن  script خارجی:

  • اگر خصوصیت “async=”async باشد: اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود ( زمانی که اسکریپت شما به سایر اسکریپت ها وابستگی نداشته باشد ).
  • اگر خصوصیت async ارائه نشود و خصوصیت “defer=”defer باشد: اسکریپت پس از بازگذاری کامل صفحه اجرا می شود و تمام دستورات نیز در آخرین مرحله اجرا می شوند.
  • اگر async یا defer هیچکدام ارائه نشوند: اسکریپت بلافاصله اجرا می شود قبل از اینکه مرورگر به بارگذاری آن صفحه ادامه دهد.

مثال در مورد تگ script در اچ تی ام ال

[html]<script>document.getElementById(“demo”).innerHtml=”Hello Javascript!;”</script>[/html]

بررسی و تفاوت تگ script در HTML 4.01 و HTML5

خصوصیت type

در ۰۱.HTML 4 الزامی است، اما در HTML5 اختیاری است.

خصوصیت async

یک خاصیت جدید در HTML5 جدید است.

خصوصیت xml:space

که در HTML 4.01 و نسخه های قدیمی تر موجود بود، در HTML5 پشتیبانی نمی شود.

بررسی تگ script در HTML و XHTML

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

خصوصیات ویژه تگ script در HTML5

ویژگی های عمومی تگ script در سند اچ تی ام ال

تگ script از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ script در سند اچ تی ام ال

تگ script در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ script در HTML درج کد اسکریپت – اختصاصی سایت آموزی