تقنيات نماذج HTML5: تحسين تجربة المستخدم وفعالية جمع البيانات

في عالم تطوير الويب، تعتبر لغة توصيف النصوص الفائقة (HTML) من أساسيات بناء صفحات الويب. ومع تقدم التكنولوجيا، خصصت النسخة الخامسة من HTML (HTML5) ميزات جديدة لتحسين تجربة المستخدم وتوفير أدوات أكثر تطوراً للمطورين. ومن بين هذه الميزات التي اعتبرت ذات أهمية كبيرة في تصميم صفحات الويب، تأتي النماذج (Forms) كأحد أبرز العناصر.

يمثل النموذج جزءًا أساسيًا من التفاعل بين المستخدم والصفحة، حيث يتيح للمستخدمين إدخال البيانات وتقديمها إلى الخوادم. يأتي HTML5 بمجموعة من العناصر التي تجعل إنشاء النماذج أكثر سهولة ومرونة.

تتضمن هذه العناصر أشكالًا متقدمة مثل الحقول الجديدة، وعناصر الوسائط المتعددة، والتحكم في التقويم، والتقديم الفوري للبيانات باستخدام تقنيات جديدة مثل AJAX. يعني ذلك أن المطورين يمكنهم الاستفادة من تحسينات أمان وأداء هذه العناصر الجديدة.

فيما يلي نظرة أعمق على بعض العناصر الرئيسية في نماذج HTML5:

1. عنصر

   :
   يستخدم هذا العنصر لتعريف النموذج نفسه، حيث يحيط بجميع العناصر الأخرى التي تشكل النموذج. يمكن تحديد العديد من الخصائص للنموذج، مثل الطريقة (method) التي يجب بها إرسال البيانات وعنوان الوجهة (action) الذي يحدد المكان الذي يتم فيه معالجة البيانات المرسلة.

2. عناصر :
   تُستخدم لإنشاء حقول الإدخال في النموذج. يمكن استخدامها لتحديد نوع الإدخال، مثل النص (text)، أو كلمة المرور (password)، أو البريد الإلكتروني (email)، والعديد من الأنواع الأخرى.

3. عنصر </code>:</strong><br /> يستخدم لإنشاء مربع نص يتيح للمستخدم إدخال نص طويل. هذا مفيد عند جمع البيانات مثل التعليقات أو الرسائل الطويلة.</p> </li> <li> <p><strong>عناصر <code><select></code> و <code><option></code>:</strong><br /> يُستخدم <code><select></code> لإنشاء قائمة منسدلة، بينما يُستخدم <code><option></code> لتحديد الخيارات داخل القائمة. هذا يتيح للمستخدم اختيار واحد أو أكثر من الخيارات.</p> </li> <li> <p><strong>عنصر <code><button></code>:</strong><br /> يستخدم لإضافة زر يقوم بإرسال النموذج إلى الخادم. يمكن أيضًا استخدامه مع JavaScript لتحقيق وظائف إضافية على الجانب العميل.</p> </li> <li> <p><strong>عنصر <code></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <fieldset></code> و <code></p> <legend></code>:</strong><br /> يستخدم <code></p> <fieldset></code> لتحديد مجموعة من العناصر ذات الصلة في النموذج، بينما يستخدم <code></p> <legend></code> لتوفير تسمية لهذه المجموعة.</p> </li> </ol> <p>باستخدام هذه العناصر بشكل فعال، يمكن للمطورين إنشاء نماذج متقدمة وسهلة الاستخدام في صفحات الويب الحديثة. يتيح HTML5 لهم استفادة من ميزات تفاعلية وتكنولوجيات حديثة لتحسين تجربة المستخدم وتيسير إدارة البيانات.</p> </div> </div> <h2>المزيد من المعلومات</h2> <p><img decoding="async" src="https://it-solutions.center/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="ba832ca9-f902-4178-9688-e2701ff7f118" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>بالطبع، دعونا نستكشف المزيد من المعلومات حول نماذج HTML5 والميزات التي تقدمها لتحسين تجربة المستخدم وجعل عملية جمع البيانات أكثر فعالية.</p> <ol start="7"> <li> <p><strong>الحقول الجديدة:</strong><br /> HTML5 قدمت أنواعًا جديدة من الحقول تسمى “الحقول الجديدة” (New Input Types). على سبيل المثال:</p> <ul> <li><code><input type="date"></code>: يسمح للمستخدم بتحديد تاريخ.</li> <li><code><input type="time"></code>: يسمح بتحديد وقت.</li> <li><code><input type="number"></code>: يقبل إدخال الأرقام.</li> <li><code><input type="range"></code>: يتيح للمستخدم اختيار قيمة من نطاق معين.</li> </ul> </li> <li> <p><strong>التحقق من الصحة والتكامل:</strong><br /> HTML5 جلبت ميزات تحقق من الصحة البسيطة بواسطة الخاصية <code>required</code> التي تجعل حقول الإدخال الإلزامية. بالإضافة إلى ذلك، يمكن استخدام خاصية <code>pattern</code> لتحديد نمط محدد للبيانات المقدمة.</p> </li> <li> <p><strong>عنصر <code><datalist></code>:</strong><br /> يُستخدم لإضافة قائمة من الخيارات الممكنة لحقل الإدخال. هذا يسهل على المستخدمين اختيار القيم من قائمة محددة مسبقًا.</p> </li> <li> <p><strong>التحقق من البيانات باستخدام JavaScript:</strong><br /> بالإضافة إلى التحقق من الصحة المدمج في HTML5، يمكن استخدام JavaScript لتنفيذ التحقق من البيانات على الجانب العميل. يمكن للمطورين تكامل رموز JavaScript المخصصة للتحقق من البيانات وضمان صحة البيانات قبل إرسالها إلى الخادم.</p> </li> <li> <p><strong>التحميل الفوري (Instant Form Validation) باستخدام JavaScript:</strong><br /> يمكن استخدام JavaScript لتحقيق التحقق من البيانات بشكل فوري أثناء إدخال المستخدم، مما يوفر تجربة تفاعلية ويقلل من الأخطاء.</p> </li> <li> <p><strong>استخدام AJAX لتحميل البيانات بدون إعادة تحميل الصفحة:</strong><br /> يمكن استخدام تقنية AJAX لتحميل البيانات إلى الخادم بدون إعادة تحميل الصفحة، مما يوفر تجربة مستخدم سلسة وسريعة دون إلحاق إزعاج إضافي للمستخدم.</p> </li> <li> <p><strong>التكامل مع تقنيات أخرى:</strong><br /> يمكن دمج نماذج HTML5 بسهولة مع تقنيات أخرى مثل CSS لتخصيص التصميم، وJavaScript لتحقيق وظائف إضافية مثل التحقق من البيانات على الجانب العميل وتوفير تجربة مستخدم محسنة.</p> </li> <li> <p><strong>توفير بيانات افتراضية:</strong><br /> يمكن استخدام خاصية <code>placeholder</code> لتوفير نص توضيحي داخل حقول الإدخال، مما يسهل على المستخدمين فهم نوع البيانات المتوقع إدخاله.</p> </li> <li> <p><strong>توفير تحسينات أمان:</strong><br /> HTML5 يقدم تحسينات في مجال أمان النماذج، بما في ذلك إمكانية استخدام الاتصال بخوادم آمنة باستخدام بروتوكول HTTPS.</p> </li> </ol> <p>بهذه الطريقة، تمثل نماذج HTML5 خطوة هامة نحو تحسين تجربة المستخدم وتبسيط عملية جمع البيانات على الويب، مما يسهم في تحسين أداء وفعالية صفحات الويب الحديثة.</p> </div> </div> </p> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div><div class="post-bottom-meta post-bottom-tags post-tags-modern"><div class="post-bottom-meta-title"><span class="tie-icon-tags" aria-hidden="true"></span> الوسوم</div><span class="tagcloud"><a href="https://it-solutions.center/tag/ajax/" rel="tag">ajax</a> <a href="https://it-solutions.center/tag/css/" rel="tag">CSS</a> <a href="https://it-solutions.center/tag/html5/" rel="tag">html5</a> <a href="https://it-solutions.center/tag/javascript/" rel="tag">javascript</a> <a href="https://it-solutions.center/tag/%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85/" rel="tag">تحسين تجربة المستخدم</a> <a href="https://it-solutions.center/tag/%d8%aa%d8%ad%d9%82%d9%82-%d9%85%d9%86-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa/" rel="tag">تحقق من البيانات</a> <a href="https://it-solutions.center/tag/%d8%aa%d9%83%d9%86%d9%88%d9%84%d9%88%d8%ac%d9%8a%d8%a7-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/" rel="tag">تكنولوجيا الويب</a> <a href="https://it-solutions.center/tag/%d8%ac%d9%85%d8%b9-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa/" rel="tag">جمع البيانات</a> <a href="https://it-solutions.center/tag/%d8%ad%d9%82%d9%88%d9%84-%d8%a7%d9%84%d8%a5%d8%af%d8%ae%d8%a7%d9%84/" rel="tag">حقول الإدخال</a> <a href="https://it-solutions.center/tag/%d9%86%d9%85%d8%a7%d8%b0%d8%ac/" rel="tag">نماذج</a></span></div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&name=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&description=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> <a href="mailto:?subject=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&body=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="مشاركة عبر البريد" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">مشاركة عبر البريد</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2024-01-26T15:50:28+03:00","datePublished":"2024-01-26T15:50:28+03:00","dateModified":"2024-01-26T15:50:28+03:00","headline":"\u062a\u0642\u0646\u064a\u0627\u062a \u0646\u0645\u0627\u0630\u062c HTML5: \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a","name":"\u062a\u0642\u0646\u064a\u0627\u062a \u0646\u0645\u0627\u0630\u062c HTML5: \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a","keywords":"ajax,CSS,html5,javascript,\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645,\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a,\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0648\u064a\u0628,\u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a,\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644,\u0646\u0645\u0627\u0630\u062c","url":"https:\/\/it-solutions.center\/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9\/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81\/","description":"\u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u062a\u0639\u062a\u0628\u0631 \u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 (HTML) \u0645\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0628\u0646\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0648\u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u062e\u0635\u0635\u062a \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u062e\u0627\u0645\u0633\u0629 \u0645\u0646 HTML (HTML5) \u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0648\u0641\u064a\u0631 \u0623\u062f\u0648\u0627\u062a \u0623\u0643\u062b\u0631 \u062a\u0637","copyrightYear":"2024","articleSection":"\u0627\u0644\u0628\u0631\u0645\u062c\u0629","articleBody":"\u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u062a\u0639\u062a\u0628\u0631 \u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0641\u0627\u0626\u0642\u0629 (HTML) \u0645\u0646 \u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0628\u0646\u0627\u0621 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628. \u0648\u0645\u0639 \u062a\u0642\u062f\u0645 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u062e\u0635\u0635\u062a \u0627\u0644\u0646\u0633\u062e\u0629 \u0627\u0644\u062e\u0627\u0645\u0633\u0629 \u0645\u0646 HTML (HTML5) \u0645\u064a\u0632\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0648\u0641\u064a\u0631 \u0623\u062f\u0648\u0627\u062a \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u0627\u064b \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646. \u0648\u0645\u0646 \u0628\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u064a \u0627\u0639\u062a\u0628\u0631\u062a \u0630\u0627\u062a \u0623\u0647\u0645\u064a\u0629 \u0643\u0628\u064a\u0631\u0629 \u0641\u064a \u062a\u0635\u0645\u064a\u0645 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628\u060c \u062a\u0623\u062a\u064a \u0627\u0644\u0646\u0645\u0627\u0630\u062c (Forms) \u0643\u0623\u062d\u062f \u0623\u0628\u0631\u0632 \u0627\u0644\u0639\u0646\u0627\u0635\u0631.\u064a\u0645\u062b\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u062c\u0632\u0621\u064b\u0627 \u0623\u0633\u0627\u0633\u064a\u064b\u0627 \u0645\u0646 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u0627\u0644\u0635\u0641\u062d\u0629\u060c \u062d\u064a\u062b \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u062a\u0642\u062f\u064a\u0645\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u062e\u0648\u0627\u062f\u0645. \u064a\u0623\u062a\u064a HTML5 \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0623\u0643\u062b\u0631 \u0633\u0647\u0648\u0644\u0629 \u0648\u0645\u0631\u0648\u0646\u0629.\u062a\u062a\u0636\u0645\u0646 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0623\u0634\u0643\u0627\u0644\u064b\u0627 \u0645\u062a\u0642\u062f\u0645\u0629 \u0645\u062b\u0644 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u0648\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0642\u0648\u064a\u0645\u060c \u0648\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0641\u0648\u0631\u064a \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u062c\u062f\u064a\u062f\u0629 \u0645\u062b\u0644 AJAX. \u064a\u0639\u0646\u064a \u0630\u0644\u0643 \u0623\u0646 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u064a\u0645\u0643\u0646\u0647\u0645 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0623\u0645\u0627\u0646 \u0648\u0623\u062f\u0627\u0621 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0646\u0638\u0631\u0629 \u0623\u0639\u0645\u0642 \u0639\u0644\u0649 \u0628\u0639\u0636 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0641\u064a \u0646\u0645\u0627\u0630\u062c HTML5:\u0639\u0646\u0635\u0631 :\n\u064a\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0627 \u0627\u0644\u0639\u0646\u0635\u0631 \u0644\u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0646\u0641\u0633\u0647\u060c \u062d\u064a\u062b \u064a\u062d\u064a\u0637 \u0628\u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0623\u062e\u0631\u0649 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c. \u064a\u0645\u0643\u0646 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u062e\u0635\u0627\u0626\u0635 \u0644\u0644\u0646\u0645\u0648\u0630\u062c\u060c \u0645\u062b\u0644 \u0627\u0644\u0637\u0631\u064a\u0642\u0629 (method) \u0627\u0644\u062a\u064a \u064a\u062c\u0628 \u0628\u0647\u0627 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0648\u062c\u0647\u0629 (action) \u0627\u0644\u0630\u064a \u064a\u062d\u062f\u062f \u0627\u0644\u0645\u0643\u0627\u0646 \u0627\u0644\u0630\u064a \u064a\u062a\u0645 \u0641\u064a\u0647 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0631\u0633\u0644\u0629.\u0639\u0646\u0627\u0635\u0631 :\n\u062a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0646\u0634\u0627\u0621 \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0641\u064a \u0627\u0644\u0646\u0645\u0648\u0630\u062c. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0644\u062a\u062d\u062f\u064a\u062f \u0646\u0648\u0639 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\u060c \u0645\u062b\u0644 \u0627\u0644\u0646\u0635 (text)\u060c \u0623\u0648 \u0643\u0644\u0645\u0629 \u0627\u0644\u0645\u0631\u0648\u0631 (password)\u060c \u0623\u0648 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a (email)\u060c \u0648\u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u062e\u0631\u0649.\u0639\u0646\u0635\u0631 :\n\u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u0631\u0628\u0639 \u0646\u0635 \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0625\u062f\u062e\u0627\u0644 \u0646\u0635 \u0637\u0648\u064a\u0644. \u0647\u0630\u0627 \u0645\u0641\u064a\u062f \u0639\u0646\u062f \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a \u0623\u0648 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0637\u0648\u064a\u0644\u0629.\u0639\u0646\u0627\u0635\u0631 \u0648 :\n\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0646\u0634\u0627\u0621 \u0642\u0627\u0626\u0645\u0629 \u0645\u0646\u0633\u062f\u0644\u0629\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629. \u0647\u0630\u0627 \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0648\u0627\u062d\u062f \u0623\u0648 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.\u0639\u0646\u0635\u0631 :\n\u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0636\u0627\u0641\u0629 \u0632\u0631 \u064a\u0642\u0648\u0645 \u0628\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645. \u064a\u0645\u0643\u0646 \u0623\u064a\u0636\u064b\u0627 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647 \u0645\u0639 JavaScript \u0644\u062a\u062d\u0642\u064a\u0642 \u0648\u0638\u0627\u0626\u0641 \u0625\u0636\u0627\u0641\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0639\u0645\u064a\u0644.\u0639\u0646\u0635\u0631 \u0648 :\n\u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0641\u064a \u0627\u0644\u0646\u0645\u0648\u0630\u062c\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u0633\u062a\u062e\u062f\u0645 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u0633\u0645\u064a\u0629 \u0644\u0647\u0630\u0647 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.\u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0634\u0643\u0644 \u0641\u0639\u0627\u0644\u060c \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0646\u0634\u0627\u0621 \u0646\u0645\u0627\u0630\u062c \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0641\u064a \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629. \u064a\u062a\u064a\u062d HTML5 \u0644\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0645\u064a\u0632\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u062a \u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u064a\u0633\u064a\u0631 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n\n\u0628\u0627\u0644\u0637\u0628\u0639\u060c \u062f\u0639\u0648\u0646\u0627 \u0646\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u0648\u0644 \u0646\u0645\u0627\u0630\u062c HTML5 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 \u0644\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062c\u0639\u0644 \u0639\u0645\u0644\u064a\u0629 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629.\u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629:\nHTML5 \u0642\u062f\u0645\u062a \u0623\u0646\u0648\u0627\u0639\u064b\u0627 \u062c\u062f\u064a\u062f\u0629 \u0645\u0646 \u0627\u0644\u062d\u0642\u0648\u0644 \u062a\u0633\u0645\u0649 \"\u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\" (New Input Types). \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644:: \u064a\u0633\u0645\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u062a\u062d\u062f\u064a\u062f \u062a\u0627\u0631\u064a\u062e.: \u064a\u0633\u0645\u062d \u0628\u062a\u062d\u062f\u064a\u062f \u0648\u0642\u062a.: \u064a\u0642\u0628\u0644 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0623\u0631\u0642\u0627\u0645.: \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u062e\u062a\u064a\u0627\u0631 \u0642\u064a\u0645\u0629 \u0645\u0646 \u0646\u0637\u0627\u0642 \u0645\u0639\u064a\u0646.\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0635\u062d\u0629 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644:\nHTML5 \u062c\u0644\u0628\u062a \u0645\u064a\u0632\u0627\u062a \u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 required \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0625\u0644\u0632\u0627\u0645\u064a\u0629. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0627\u0635\u064a\u0629 pattern \u0644\u062a\u062d\u062f\u064a\u062f \u0646\u0645\u0637 \u0645\u062d\u062f\u062f \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0642\u062f\u0645\u0629.\u0639\u0646\u0635\u0631 :\n\u064a\u064f\u0633\u062a\u062e\u062f\u0645 \u0644\u0625\u0636\u0627\u0641\u0629 \u0642\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0644\u062d\u0642\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644. \u0647\u0630\u0627 \u064a\u0633\u0647\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0642\u064a\u0645 \u0645\u0646 \u0642\u0627\u0626\u0645\u0629 \u0645\u062d\u062f\u062f\u0629 \u0645\u0633\u0628\u0642\u064b\u0627.\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript:\n\u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0645\u062f\u0645\u062c \u0641\u064a HTML5\u060c \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0639\u0645\u064a\u0644. \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u062a\u0643\u0627\u0645\u0644 \u0631\u0645\u0648\u0632 JavaScript \u0627\u0644\u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0636\u0645\u0627\u0646 \u0635\u062d\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0628\u0644 \u0625\u0631\u0633\u0627\u0644\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645.\u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0641\u0648\u0631\u064a (Instant Form Validation) \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript:\n\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0634\u0643\u0644 \u0641\u0648\u0631\u064a \u0623\u062b\u0646\u0627\u0621 \u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621.\u0627\u0633\u062a\u062e\u062f\u0627\u0645 AJAX \u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629:\n\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 AJAX \u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645 \u0628\u062f\u0648\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0645\u0627 \u064a\u0648\u0641\u0631 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0633\u0644\u0633\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u062f\u0648\u0646 \u0625\u0644\u062d\u0627\u0642 \u0625\u0632\u0639\u0627\u062c \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u062a\u0642\u0646\u064a\u0627\u062a \u0623\u062e\u0631\u0649:\n\u064a\u0645\u0643\u0646 \u062f\u0645\u062c \u0646\u0645\u0627\u0630\u062c HTML5 \u0628\u0633\u0647\u0648\u0644\u0629 \u0645\u0639 \u062a\u0642\u0646\u064a\u0627\u062a \u0623\u062e\u0631\u0649 \u0645\u062b\u0644 CSS \u0644\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\u060c \u0648JavaScript \u0644\u062a\u062d\u0642\u064a\u0642 \u0648\u0638\u0627\u0626\u0641 \u0625\u0636\u0627\u0641\u064a\u0629 \u0645\u062b\u0644 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u062d\u0633\u0646\u0629.\u062a\u0648\u0641\u064a\u0631 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629:\n\u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0627\u0635\u064a\u0629 placeholder \u0644\u062a\u0648\u0641\u064a\u0631 \u0646\u0635 \u062a\u0648\u0636\u064a\u062d\u064a \u062f\u0627\u062e\u0644 \u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0641\u0647\u0645 \u0646\u0648\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0625\u062f\u062e\u0627\u0644\u0647.\u062a\u0648\u0641\u064a\u0631 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0623\u0645\u0627\u0646:\nHTML5 \u064a\u0642\u062f\u0645 \u062a\u062d\u0633\u064a\u0646\u0627\u062a \u0641\u064a \u0645\u062c\u0627\u0644 \u0623\u0645\u0627\u0646 \u0627\u0644\u0646\u0645\u0627\u0630\u062c\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0628\u062e\u0648\u0627\u062f\u0645 \u0622\u0645\u0646\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 HTTPS.\u0628\u0647\u0630\u0647 \u0627\u0644\u0637\u0631\u064a\u0642\u0629\u060c \u062a\u0645\u062b\u0644 \u0646\u0645\u0627\u0630\u062c HTML5 \u062e\u0637\u0648\u0629 \u0647\u0627\u0645\u0629 \u0646\u062d\u0648 \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u0628\u0633\u064a\u0637 \u0639\u0645\u0644\u064a\u0629 \u062c\u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628\u060c \u0645\u0645\u0627 \u064a\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0633\u064a\u0646 \u0623\u062f\u0627\u0621 \u0648\u0641\u0639\u0627\u0644\u064a\u0629 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629.","publisher":{"@id":"#Publisher","@type":"Organization","name":"\u0645\u0631\u0643\u0632 \u062d\u0644\u0648\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a","logo":{"@type":"ImageObject","url":"https:\/\/it-solutions.center\/wp-content\/uploads\/2024\/05\/it-solutions-center-high-resolution-logo-white-transparent.png"},"sameAs":["https:\/\/www.facebook.com\/it.solu.center"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/it-solutions.center\/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9\/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"IT-Solutions","url":"https:\/\/it-solutions.center\/author\/ayoob\/"},"image":{"@type":"ImageObject","url":"https:\/\/it-solutions.center\/wp-content\/uploads\/2023\/10\/it-solutions-center-high-resolution-logo.png","width":2000,"height":1500}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&name=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&description=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="https://vk.com/share.php?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="‏VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">‏VKontakte</span> </a> <a href="mailto:?subject=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&body=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="مشاركة عبر البريد" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">مشاركة عبر البريد</span> </a> <a href="#" rel="external noopener nofollow" title="طباعة" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">طباعة</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="stream-item stream-item-below-post"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <div class="post-components"> <div class="prev-next-post-nav container-wrapper media-overlay"> <div class="tie-col-xs-6 prev-post"> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-java-%d9%85%d9%86-%d8%a7%d9%84%d8%a8%d8%af%d8%a7%d9%8a%d8%a9-%d8%a5%d9%84%d9%89-%d8%a7%d9%84%d8%aa%d8%b7/" style="background-image: url(https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png)" class="post-thumb" rel="prev"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> </a> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%81%d9%87%d9%85-%d8%a3%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-%d8%a8%d8%b1%d9%85%d8%ac%d8%a9-java-%d9%85%d9%86-%d8%a7%d9%84%d8%a8%d8%af%d8%a7%d9%8a%d8%a9-%d8%a5%d9%84%d9%89-%d8%a7%d9%84%d8%aa%d8%b7/" rel="prev"> <h3 class="post-title">فهم أساسيات برمجة Java: من البداية إلى التطوير المتقدم</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%b1%d8%ad%d9%84%d8%a9-%d8%aa%d8%b9%d9%84%d9%85-%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d9%86%d8%af%d8%b1%d9%88%d9%8a%d8%af-%d9%85%d9%86-%d8%a7/" style="background-image: url(https://it-solutions.center/wp-content/uploads/2023/10/it-solutions-center-high-resolution-logo-390x220.png)" class="post-thumb" rel="next"> <div class="post-thumb-overlay-wrap"> <div class="post-thumb-overlay"> <span class="tie-icon tie-media-icon"></span> </div> </div> </a> <a href="https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%b1%d8%ad%d9%84%d8%a9-%d8%aa%d8%b9%d9%84%d9%85-%d8%aa%d8%b7%d9%88%d9%8a%d8%b1-%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d9%86%d8%af%d8%b1%d9%88%d9%8a%d8%af-%d9%85%d9%86-%d8%a7/" rel="next"> <h3 class="post-title">رحلة تعلم تطوير تطبيقات الأندرويد: من البداية إلى الابتكار</h3> </a> </div> </div><!-- .prev-next-post-nav /--><div class="stream-item stream-item-below-post-comments"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> </div><!-- .post-components /--> </div><!-- .main-content --> </div><!-- .main-content-row /--></div><!-- #content /--><div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer class="footer-container"> © Copyright <?php echo date('Y'); ?>, All Rights Reserved <span><a href="/privacy">| Privacy</a></span> <span><a href="/terms">| Terms</a></span> <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><ul class="social-icons"><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/it.solu.center"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li></ul> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="فيسبوك" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">فيسبوك</span> </a> <a href="https://twitter.com/intent/tweet?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="لينكدإن" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">لينكدإن</span> </a> <a href="https://www.tumblr.com/share/link?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&name=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">‏Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&description=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA&media=" rel="external noopener nofollow" title="بينتيريست" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">بينتيريست</span> </a> <a href="https://reddit.com/submit?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&title=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="‏Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">‏Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&redirect_uri=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ماسنجر" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">ماسنجر</span> </a> <a href="https://api.whatsapp.com/send?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="واتساب" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">واتساب</span> </a> <a href="https://telegram.me/share/url?url=https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/&text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA" rel="external noopener nofollow" title="تيلقرام" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">تيلقرام</span> </a> <a href="viber://forward?text=%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="ڤايبر" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">ڤايبر</span> </a> <a href="https://line.me/R/msg/text/?%D8%AA%D9%82%D9%86%D9%8A%D8%A7%D8%AA%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%3A%20%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9%20%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85%20%D9%88%D9%81%D8%B9%D8%A7%D9%84%D9%8A%D8%A9%20%D8%AC%D9%85%D8%B9%20%D8%A7%D9%84%D8%A8%D9%8A%D8%A7%D9%86%D8%A7%D8%AA%20https://it-solutions.center/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d8%aa%d9%82%d9%86%d9%8a%d8%a7%d8%aa-%d9%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%aa%d8%ac%d8%b1%d8%a8%d8%a9-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d8%ae%d8%af%d9%85-%d9%88%d9%81/" rel="external noopener nofollow" title="لاين" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">لاين</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">زر الذهاب إلى الأعلى</span> </a> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="القائمة الجانبية الثانوية" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">إغلاق</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://it-solutions.center/"> <label> <span class="screen-reader-text">البحث عن:</span> <input type="search" class="search-field" placeholder="بحث …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="بحث" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/it.solu.center"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">فيسبوك</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</br><div class="wt-cli-ccpa-element"> <a style="color:#333333" class="wt-cli-ccpa-opt-out">Do not sell my personal information</a>.</div></div><div class="cli-bar-btn_container"><a role='button' class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 10px 0px 5px">Settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn">Accept</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"> <div class="cli-modal-dialog" role="document"> <div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button> <div class="cli-modal-body"> <div class="cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-privacy-overview"> <h4>Privacy Overview</h4> <div class="cli-privacy-content"> <div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div> </div> <a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a> </div> </div> <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a> <div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label> </div> <span class="cli-necessary-caption">Always Enabled</span> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="necessary"> <div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information. </div> </div> </div> </div> <div class="cli-tab-section"> <div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a> <div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label> </div> </div> <div class="cli-tab-content"> <div class="cli-tab-pane cli-fade" data-id="non-necessary"> <div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website. </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-footer"> <div class="wt-cli-element cli-container-fluid cli-tab-container"> <div class="cli-row"> <div class="cli-col-12 cli-align-items-stretch cli-px-0"> <div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE & ACCEPT</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div> <div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div> <!--googleon: all--><div id="reading-position-indicator"></div><div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="إكتب كلمة البحث ثم إضغط زر الإدخال" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">إغلاق</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="بحث"> <form method="get" class="tie-popup-search-form" action="https://it-solutions.center/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="بحث عن" autocomplete="off" placeholder="بحث عن" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">بحث عن</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="side-stream-container" class="container"></div> <div class="side-stream" id="side-stream-right" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="side-stream" id="side-stream-left" style="display:none; z-index:108; position:absolute; text-align:center; top:0px; width:200px; overflow:hidden;"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><div> <!-- defults --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3293364314201893" data-ad-slot="2303082872" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <script type="text/javascript" id="wpo_min-footer-0-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/it-solutions.center\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; var tie_side_e3lan = {"is_boxed":"","screen_width":"","side_margin":"15","margin_top":"","margin_top_scroll":"","left_ad_code":"[ads1]","left_ad_width":"200","left_ad_height":"","right_ad_code":"[ads1]","right_ad_width":"200","right_ad_height":""}; var tie = {"is_rtl":"1","ajaxurl":"https:\/\/it-solutions.center\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"true","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"default","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"\u0644\u0645 \u064a\u062a\u0645 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/cache/wpo-minify/1715681435/assets/wpo-minify-footer-4ed03c42.min.js" id="wpo_min-footer-0-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script><script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://it-solutions.center/wp-admin/admin-ajax.php", data : "postviews_id=371875&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html> <!-- Cached by WP-Optimize - https://getwpo.com - Last modified: 17/05/2024 12:14 am (UTC:3) -->