معرفی و کاربرد تگ script در HTML
معرفی و کاربرد تگ script در HTML درج کد اسکریپت
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ script در HTML می پردازیم.
تگ script در اچ تی ام ال
تگ script برای برنامه نویسی سمت کاربر معمولا همراه با دستورات زبان javascript و کتابخانه های آن در سند HTML استفاده می شود.
تگ script به دو صورت استفاده می شود:
- با نوشتن دستورات درون تگ script درون سند HTML استفاده می شود.
- به صورت یک فایل 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
در 01.HTML 4 الزامی است، اما در HTML5 اختیاری است.
خصوصیت async
یک خاصیت جدید در HTML5 جدید است.
خصوصیت xml:space
که در HTML 4.01 و نسخه های قدیمی تر موجود بود، در HTML5 پشتیبانی نمی شود.
بررسی تگ script در HTML و XHTML
در سند XHTML ، تگ noscript پشتیبانی نمی شود. اما تگ <noscript> در سند HTML پشتیبانی می شود.
خصوصیات ویژه تگ script در HTML5
خصوصیت ویژه تگ script | مقادیر | کاربرد در سند HTML |
async | async | مشخص می کند که اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود. |
charset | charset | نحوه کد گذاری کاراکترها را در اسکریپت مشخص می کند. |
defer | defer | مشخص می کند که اسکریپت پس از بازگذاری کامل صفحه اجرا می شود. |
src | URL | مسیر کامل فایلی که دستورات اسکریپت در آن قرار دارد را مشخص می کند. |
type | media_type | نوع اسکریپت را مشخص می کند. |
xml:space | preserve | در HTML5 پشتیبانی نمی شود. مشخص می کند که whitespace در کد باید حفظ شود. |
ویژگی های عمومی تگ script در سند اچ تی ام ال
تگ script از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ script در سند اچ تی ام ال
تگ script در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ script در HTML درج کد اسکریپت – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید