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

6 خاصیت تگ script در HTML

تگ script در HTML

در ادامه به تگ script می پردازیم. پس با سئو شو همراه باشید.

تگ script در HTML
تگ script در HTML

تگ script

تگ script در HTML | در فصل قبل در رابطه کار با فریم ها صحبت کردیم و با تگ فریم و تگ آیفریم آشنا شدیم. در این جلسه می‌خواهیم در رابطه با تگ Script صحبت کنیم.

این تگ برای تعریف یک اسکریپت سمت کلاینت مورد استفاده قرار می‌گیرد.

محتوای تگ script یا شامل دستورات جاوا اسکریپت است و یا شامل یک خاصیت src که به فایل جاوا اسکریپت اشاره دارد.

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

برای انتخاب یک عنصر جاوا اسکریپت معمولا از تابع document.getElementById() استفاده می‌شود.

مثال زیر یک عبارت “سلام جاوا اسکریپت” را با پیدا کردن عنصر جاوا اسکریپت می‌نویسد.

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

تگ script در HTML |  اگر در تگ script از خاصیت  “src” استفاده می کنید، محتوای تگ باید خالی باشد.

برای فراخوانی یک اسکریپت بیرونی چندین راه وجود دارد:

  • اگر مقدار خاصیت async برابر با async باشد، در این حالت اسکریپت به صورت ناهمگام به همراه سایر اجزای صفحه بارگیری می‌شود(در حین بارگیری صفحه اسکریپت اجرا می‌شود)
  • اگر مقدار async تعیین نشده باشد و مقدار defer برابر با defer باشد در این حالت، پس از بارگیری کامل صفحه اسکریپت اجرا می‌شود.
  • اگر هیچ یک از خواص async و defer تعیین نشده باشند، در این حالت اسکریپت قبل از بارگیری کامل صفحه توسط مرورگر به سرعت بارگیری و فرخوانی خواهد شد.
تگ script در HTML
تگ script در HTML
تفاوت های تگ script> در نسخه HTML 4.01 و HTML5
  1. تگ script در HTML |خاصیت “type” در HTML 4 ضروری است در حالی که در نسخه 5 اختیاری می‌باشد.
  2. تگ script در HTML |خاصیت “async” در نسخه HTML 5 وجود دارد.
  3. تگ script در HTML |خاصیت “xml:space” موجود در نسخه 4 در نسخه HTML 5 پشتیبانی نمی‌شود.

 

تفاوت تگ script بین HTML و XHTML

تگ script در HTML | در XHTML، محتوای اسکریپت به عنوان #PCDATA تعریف می شوند(به جای CDATA)، معنای آن این است که محتوای تگ تجزیه می‌شود.

در نتیجه در XHTML، همه کاراکتر های خاص باید encode شوند یا همه محتوا باید به بخش CDATA انتقال یابد.

خاصیت‌ها

خاصیت مقدار توضیح
Async Async تعیین می کند اسکریپت به صورت ناهمگام اجرا شود (فقط برای اسکریپت های بیرونی)
Charset Charset تعیین کننده نوع encoding کاراکتر های اسکریپت بیرونی
Defer Defer تعیین کننده اجرای اسکریپت پس از بارگیری صفحه(فقط برای اسکریپت های بیرونی)
Src url تعیین کننده آدرس اسکریپت بیرونی
Type Media_type تعیین کننده نوع رسانه اسکریپت
Xml:space Preserve تعیین کننده حفظ فاصله در کد(در نسخه 5 پشتیانی نمی شود)

نتیجه گیری

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

اگر سوال، انتقاد و نظری در رابطه با این مقاله داشتید خیلی خوشحال میشیم که برام بنویسید.

تگ script در HTML
تگ script در HTML

 

نمایش بیشتر

امیرحسین شمس

امیر حسین شمس | هم اکنون در زمینه های مختلفی چون طراحی سایت ، بهینه سازی سایت ، سئو (SEO) ، امنیت سایت ، آموزش طراحی سایت ، دیجیتال مارکتینگ ، سئو و مشاوره‌ کسب و کارهای اینترنتی فعالیت دارم. از سال 1385 تحصیلات خود را در زمینه ی علوم کامپیوتر شروع کرده و دوره های هوش مصنوعی ، شبکه های عصبی ، منطق فازی ، برنامه نویسی دات نت، طراحی سایت ، دیتابیس ، امنیت دیتابیس ، دیجیتال مارکتینگ، ایمیل مارکتینگ و سئو سایت را بصورت تخصصی گذرانده ام.

نوشته های مشابه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
× چگونه می‌توانم به شما کمک کنم؟