دليل مرجعي لـ HTML

مجمع علامات HTML

HTML: <section> العنوان HTML: <samp> العلامة

HTML: <script> العلامة

علامة <script> في HTML تستخدم لضم أو تضمين سكربت العملاء (مثل JavaScript). علامة <script> غالبًا ما تُسمى أيضًا عنصر <script>. ملاحظة: لا يمكن تجاهل العلامات البدءية والنهاية.

مثال عبر الإنترنت

إخراج "مثال HTML5 Script Tag" عبر JavaScript:

مثال

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>استخدام علامة script HTML (موقع تعليمي أساسي oldtoolbag.com)</title>　
<!-- HTML4 و (x)HTML -->
<script type="text/javascript" src="functions.js">
<!-- HTML5 -->
<script src="/js/functions.js"></script>
</head>
<body>
<script　type="text/javascript">
　　document.write("مثال HTML5 Script Tag");</script>
</body>
</html>

اختبار لـ ‹/›

في هذا مثال على مستند HTML5، استخدمنا علامة <script> داخل علامة <head> لاستدعاء ملف جافا سكريبت يُدعى functions.js. كما استخدمنا علامة <script> داخل علامة <body> لطباعة النص "مثال على علامة سكربت HTML5".

لاحظ،type="text/javascript" لا تحتاج إلى علامة <script> في مستند HTML5.

توافق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة علامة <script>.

تعريف العلامة واستخدام التعليمات

يستخدم علامة <script> لتعريف سكربت العملاء، مثل جافا سكريبت.

يستخدم جافا سكريبت عادةً لتحريك الصور، وتحقق صحة النماذج، وتغيير المحتويات بشكل ديناميكي.

نصائح وتعليمات

ملاحظة:إذا تم استخدام خاصية "src"، يجب أن يكون عنصر <script> فارغًا.

ملاحظة::لا يمكن تجاهل العلامات البدائية والنهاية.

نصيحة:يرجى الرجوع إلى <noscript> العنصر مفيد جدًا للعناصر التي تم تعطيل السكربت فيها في المتصفح أو التي لا يدعم المتصفح سكربتات العملاء.

ملاحظة: هناك عدة طرق لتنفيذ سكربتات خارجية:

إذا كان async="async": سيتم تنفيذ السكربت بشكل متسلسل بالنسبة للجزء المتبقي من الصفحة (عندما يستمر المتصفح في تحليل الصفحة، سيتم تنفيذ السكربت).
إذا لم يتم استخدام async ولكن تم استخدام defer="defer": سيتم تنفيذ السكربت عند اكتمال تحليل الصفحة.
إذا لم يتم استخدام async ولا defer: سيتم قراءة وتنفيذ السكربت على الفور قبل أن يستمر المتصفح في تحليل الصفحة.

الفرق بين HTML 4.01 وHTML5

في HTML 4، كان "type" ضرورياً، لكنه اختياري في HTML5.

خصائص "async" هي خصائص جديدة في HTML5.

لم يعد يدعم HTML5 بعض الخصائص من HTML 4.01 مثل "xml:space".

الفرق بين HTML وXHTML

في XHTML، يتم إعلان نوع المحتوى في السكربت ك#PCDATA (بديلاً عن CDATA)، مما يعني أن سيتم تحليل الكيانات.

هذا يعني، في XHTML، يجب ترميز جميع الحروف الخاصة أو وضع جميع المحتويات داخل جزء CDATA:

<script　type="text/javascript">
//<![CDATA[
var i=10;
if (i<5)
{
　　　　// محتوى الكود
}
//]]>
</script>

خصائص

جديد: خصائص جديدة في HTML5.

خصائص	القيمة	وصف
asyncHTML5	async	يحدد تنفيذ السكربت بشكل متسلسل (يستخدم فقط للسكربت الخارجي).
charset	charset	يحدد ترميز النص المستخدم في السكربت (يستخدم فقط للسكربت الخارجي).
defer	defer	يحدد تنفيذ السكربت عند اكتمال تحليل الصفحة (يستخدم فقط للسكربت الخارجي).
src	URL	يحدد عنوان URL السكربت الخارجي.
نوع	نوع MIME	يحدد نوع MIME للسكربت. text/javascript text/ecmascript application/javascript application/ecmascript
xml:space	تحافظ	HTML5 لا يدعمها. يحدد ما إذا كان يجب الحفاظ على الفراغات في الكود.

خصائص العولمة

دعم <script> العلامة خصائص العولمة في HTML.

المقالات ذات الصلة

دليل HTML:سكربت HTML

HTML: <section> العنوان HTML: <samp> العلامة