مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به کار با تگ samp پرداختیم؛ تگ samp یک تگ phrase یا تگ عبارت است.
در این جلسه می خواهیم؛ آموزش کار با تگ script در HTML را به علاقمندان این دوره ارائه می نماییم.
آموزش کار با تگ script در HTML
به مثال زیر توجه نمایید.
در این مثال “!Hello JavaScript” با کمک JavaScript نوشته شده است.
مثال :
| <script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script> |
تعریف و کاربرد
تگ script تگی است که به کمک آن می توان به اسکریپت نویسی سمت کاربر پرداخت. (جاوااسکریپت).
تگ script یا حاوی اسکریپت نویسی است، یا به یک اسکریپت خارجی از طریق ویژگی src اشاره می کند.
کاربردهای رایج برای JavaScript عبارتند از دستکاری تصویر ، اعتبار سنجی فرم و تغییرات پویا در محتوا.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <script> | بله | بله | بله | بله | بله |
نکات و توصیه ها
نکته
اگر خصیصه “src” موجود است ، عنصر <script> باید خالی باشد.
توصیه
برای کاربرانی که اسکریپت ها را در مرورگر خود غیر فعال نموده اند؛ بهتر است به عنصر <noscript> هم نگاهی بی اندازید.
چندین راه برای اجرای اسکریپت خارجی وجود دارد:
اگر “If async=”async :اسکریپت به صورت همزمان و با بقیه صفحه اجرا می شود (اسکریپت اجرا می شود در حالی که صفحه همچنان به تجزیه می پردازد).
اگر async موجود نباشد و defer = “defer” باشد: وقتی تجزیه و تحلیل صفحه تمام شد، اسکریپت اجرا می شود.
اگر async یا defer وجود نداشته باشد: قبل از ادامه تجزیه صفحه توسط مرورگر ، اسکریپت بلافاصله بارگیری و اجرا می شود.
تفاوت بین HTML 4.01 و HTML5
خصیصه “type” در HTML 4 ضروری است ، اما در HTML5 اختیاری است.
خصیصه “async” در HTML5 خصیصه جدیدی محسوب می شود.
خصیصه “HTML 4.01: “xml: space ، در HTML5 پشتیبانی نمی شود.
تفاوت بین HTML و XHTML
در XHTML ، محتوای درون اسکریپت ها به عنوان #PCDATA (به جای CDATA) اعلام می شود ، به این معنی که کاراکتر ها تجزیه می شوند.
این بدان معناست که در XHTML ، باید تمام کاراکتر های خاص رمزگذاری شوند، یا تمام محتویات درون یک بخش CDATA پنهان شوند:
مثال :
| <script type="text/javascript"> //<![CDATA[ var i = 10; if (i < 5) { // some code } //]]> </script> |
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| async | async | مشخص می کند که اسکریپت به صورت ناهمزمان اجرا شود (فقط برای اسکریپت های خارجی) |
| charset | charset | نحوه کدگذاری کاراکتر مورد استفاده در یک فایل اسکریپت خارجی را مشخص می کند. |
| defer | defer | نحوه ی اجرای اسکریپت های موجود در یک صفحه را مشخص میکند.
(برای فایل اسکریپت خارجی) |
| src | URL | مسیر فایل جاوااسکریپت خارجی را تعیین می کند. |
| type | media_type | نوع محتوا نوع رسانه محتوا را مشخص می نماید. |
| xml:space | preserve | مشخص میکند که فضای خالی (سفید) بین کدها حفظ شود یا خیر.
این خصیصه در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <script> از خصیصه های سراسری در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <script> را با مقادیر پیش فرض زیر نمایش می دهند:
کلام آخر
در این جلسه با آموزش کار با تگ script در HTML همراه شما بودیم؛ به کمک این تگ می توان به اسکریپت نویسی سمت کاربر پرداخت.
در جلسه آینده به بررسی و کار با تگ section خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
