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

28/01/2024آخر تحديث: 28/01/2024

6 2 دقائق

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

إحدى المزايا الرئيسية لاستخدام النماذج في HTML5 تكمن في تقديم عناصر تفاعلية أكثر تطورًا وقوة. يتيح لك استخدام النماذج إنشاء نماذج لجمع المدخلات من المستخدم، مثل نماذج التسجيل أو استمارات التعليقات. بفضل توفر عناصر مثل و </code> و <code><select></code>، يمكنك بسهولة تصميم واجهات تفاعلية وجذابة.</p> <div id="inline-related-post" class="mag-box mini-posts-box content-only"> <div class="container-wrapper"> <div class="widget-title the-global-title"> <div class="the-subtitle">مقالات ذات صلة</div> </div> <div class="mag-box-container clearfix"> <ul class="posts-items posts-list-container"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a3%d9%87%d9%85%d9%8a%d8%a9-%d8%a7%d8%ad%d8%aa%d8%b1%d8%a7%d9%85-%d8%ad%d9%82%d9%88%d9%82-%d8%a7%d9%84%d9%86%d8%b4%d8%b1-%d8%b9%d9%84%d9%89-%d8%a7%d9%84%d9%88%d9%8a%d8%a8/">أهمية احترام حقوق النشر على الويب</a> <div class="post-meta"> <span class="date meta-item tie-icon">11/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d8%aa%d8%b5%d8%ad%d9%8a%d8%ad-%d8%a3%d8%ae%d8%b7%d8%a7%d8%a1-%d8%b9%d9%84%d8%a7%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d9%86%d9%87%d8%a7%d9%8a%d8%a9-%d9%81%d9%8a-html/">كيفية تصحيح أخطاء علامات النهاية في HTML</a> <div class="post-meta"> <span class="date meta-item tie-icon">08/03/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d9%81%d9%87%d9%85-%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%a7%d9%84%d8%b4%d9%81%d8%b1%d8%a9-%d8%a7%d9%84%d8%a3%d8%b3%d9%85%d8%a8%d9%84%d9%8a%d8%a9-%d9%81%d9%8a-c/">فهم استخدام الشفرة الأسمبلية في C</a> <div class="post-meta"> <span class="date meta-item tie-icon">01/04/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d8%b3%d8%aa%d8%ae%d8%b1%d8%a7%d8%ac-%d8%a7%d9%84%d8%a3%d8%b1%d9%82%d8%a7%d9%85-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-%d8%aa%d8%b9%d8%a7%d8%a8%d9%8a%d8%b1-%d8%a7%d9%84%d9%86%d9%85/">استخراج الأرقام باستخدام تعابير النمط العادية في JavaScript</a> <div class="post-meta"> <span class="date meta-item tie-icon">21/02/2024</span> </div> </div> </li> </ul> </div> </div> </div> <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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3293364314201893" crossorigin="anonymous"></script>  <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> <p>مع النماذج في HTML5، يمكنك الاستفادة من ميزات مثل التحقق من البيانات (Validation) على الجهة العميل، وهي خاصية تسمح لك بفحص صحة البيانات المدخلة دون الحاجة إلى إرسالها إلى الخادم. هذا يقلل من الأخطاء ويحسن تجربة المستخدم بشكل عام.</p> <p>أما بالنسبة للاستناد إلى الأصناف الزائفة في CSS3، فهي توفر وسيلة قوية لتحديد وتنسيق عناصر الصفحة بشكل دقيق وفعّال. يمكن استخدام الأصناف الزائفة لاستهداف عناصر محددة بناءً على حالتها أو موقعها في الصفحة، مما يمنحك تحكمًا دقيقًا في التصميم والتنسيق.</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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3293364314201893" crossorigin="anonymous"></script>  <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> <p>على سبيل المثال، يمكنك استخدام <code>:hover</code> لتغيير تصميم العنصر عندما يتم تحويل مؤشر الماوس إليه، أو <code>:focus</code> لتنسيق العنصر الذي يحصل عليه المستخدم التركيز عليه، وهو خاصة مهمة في حالة النماذج.</p> <p>من خلال الجمع بين قوة النماذج في HTML5 ومرونة الأصناف الزائفة في CSS3، يمكنك إنشاء تجارب متطورة وفعّالة على الويب. يجب عليك فقط أن تكون حذرًا ومتأكدًا من استخدام هذه التقنيات بشكل مناسب لتلبية احتياجات مشروعك وتحسين تفاعل المستخدم مع صفحات الويب الخاصة بك.</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"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3293364314201893" crossorigin="anonymous"></script>  <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> <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="5c72131f-019f-4d5a-ba0e-d3ae4d540e73" 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 والأصناف الزائفة في CSS3.</p> <h3>النماذج في HTML5:</h3> <h4>1. التحقق من البيانات (Validation):</h4> <p>في HTML5، تم تحسين إمكانيات التحقق من البيانات على الجهة العميل بفضل مزايا مثل:</p> <ul> <li><strong>التحقق الأوتوماتيكي:</strong> إمكانية تفعيل التحقق التلقائي لبعض أنواع البيانات مثل البريد الإلكتروني والأرقام.</li> <li><strong>استخدام الخاصية <code>pattern</code>:</strong> توفير إمكانية تحديد نمط محدد لتنسيق الإدخال (مثل تنسيق الهواتف أو الرموز البريدية).</li> </ul> <h4>2. عناصر نموذج متقدمة:</h4> <p>HTML5 يقدم عدة عناصر نموذج متقدمة تشمل:</p> <ul> <li><strong><code><datalist></code>:</strong> لإنشاء قائمة من الخيارات يمكن اختيارها من قبل المستخدم.</li> <li><strong><code><output></code>:</strong> لعرض نتائج النموذج أو حسابات فورية.</li> </ul> <h4>3. الإشارات والتنبيهات:</h4> <ul> <li>استخدام عناصر مثل <code><output></code> و <code><progress></code> لعرض تفاصيل أو تقدم البيانات في الوقت الفعلي.</li> <li>استخدام الخاصية <code>placeholder</code> لتوفير توجيه إضافي للمستخدم بشكل جمالي دون الحاجة إلى نصوص توجيه طويلة.</li> </ul> <h3>الأصناف الزائفة في CSS3:</h3> <h4>1. تحسين التفاعل:</h4> <ul> <li><strong><code>:hover</code>:</strong> تغيير التصميم عند تحويل المؤشر إلى العنصر.</li> <li><strong><code>:active</code>:</strong> تحديد التصميم أثناء الضغط على العنصر.</li> </ul> <h4>2. تحسين تجربة النماذج:</h4> <ul> <li><strong><code>:focus</code>:</strong> تحديد التصميم عندما يحصل العنصر على التركيز.</li> <li><strong><code>:valid</code> و <code>:invalid</code>:</strong> تخصيص التصميم استنادًا إلى صحة أو خطأ البيانات المدخلة.</li> </ul> <h4>3. الاستجابة الإعلامية:</h4> <ul> <li><strong><code>@media</code>:</strong> استخدام استعلام وسائط لتوفير تصميمات مخصصة لأحجام الشاشة المختلفة.</li> <li><strong><code>@keyframes</code>:</strong> إضافة حركة ودينامية باستخدام تحديد الإطارات.</li> </ul> <h3>التكامل بين HTML5 و CSS3:</h3> <p>يمكن دمج النماذج في HTML5 بسهولة مع الأصناف الزائفة في CSS3 لتحقيق تجارب متطورة. يمكن استخدام الأصناف الزائفة لتنسيق النماذج بشكل دقيق، مثل تغيير لون الحدود أو الخلفية عند تحويل المؤشر إلى حقل الإدخال، وذلك لتوجيه المستخدم وتحسين تفاعله.</p> <p>بالتالي، يمثل الجمع بين استخدام النماذج في HTML5 والأصناف الزائفة في CSS3 تقنية فعّالة لبناء واجهات المستخدم الحديثة وتحسين تجربة المستخدم بشكل عام.</p> </div> </div> </p> </div> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"><span class="date meta-item tie-icon">28/01/2024</span><span class="meta-item last-updated">آخر تحديث: 28/01/2024</span><div class="tie-alignright"><span class="meta-views meta-item "><span class="tie-icon-fire" aria-hidden="true"></span> 6 </span><span class="meta-reading-time meta-item"><span class="tie-icon-bookmark" aria-hidden="true"></span> 2 دقائق</span> </div></div> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&url=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&title=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&name=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&description=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&title=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&redirect_uri=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&redirect_uri=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&text=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&body=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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> </div> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2024-01-28T06:05:51+03:00","datePublished":"2024-01-28T06:05:51+03:00","dateModified":"2024-01-28T06:05:51+03:00","headline":"\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645: \u0646\u0645\u0627\u0630\u062c HTML5 \u0648\u0623\u0635\u0646\u0627\u0641 CSS3 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629","name":"\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645: \u0646\u0645\u0627\u0630\u062c HTML5 \u0648\u0623\u0635\u0646\u0627\u0641 CSS3 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629","keywords":[],"url":"https:\/\/it-solutions.center\/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7\/","description":"\u0641\u064a \u0639\u0627\u0644\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u064a\u0639\u062a\u0628\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0628\u0627\u0644\u062a\u0632\u0627\u0645\u0646 \u0645\u0639 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0645\u0633\u062a\u062e\u062f\u0645 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629. \u064a\u0623\u062a\u064a HTML5 \u0643\u062a\u0637\u0648\u0631 \u0644\u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641 \u0627\u0644\u0635\u0641\u062d\u0627\u062a HT","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 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u064a\u0639\u062a\u0628\u0631 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0628\u0627\u0644\u062a\u0632\u0627\u0645\u0646 \u0645\u0639 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0647\u0645 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0645\u0633\u062a\u062e\u062f\u0645 \u0641\u0639\u0651\u0627\u0644\u0629 \u0648\u062c\u0630\u0627\u0628\u0629. \u064a\u0623\u062a\u064a HTML5 \u0643\u062a\u0637\u0648\u0631 \u0644\u0644\u063a\u0629 \u062a\u0648\u0635\u064a\u0641 \u0627\u0644\u0635\u0641\u062d\u0627\u062a HTML\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0628\u0646\u0627\u0621 \u0647\u064a\u0627\u0643\u0644 \u0648\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0635\u0641\u062d\u0627\u062a \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644 \u0648\u0623\u0643\u062b\u0631 \u062f\u064a\u0646\u0627\u0645\u064a\u0629.\u0625\u062d\u062f\u0649 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u062a\u0643\u0645\u0646 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0639\u0646\u0627\u0635\u0631 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u064b\u0627 \u0648\u0642\u0648\u0629. \u064a\u062a\u064a\u062d \u0644\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0625\u0646\u0634\u0627\u0621 \u0646\u0645\u0627\u0630\u062c \u0644\u062c\u0645\u0639 \u0627\u0644\u0645\u062f\u062e\u0644\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u060c \u0645\u062b\u0644 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u062a\u0633\u062c\u064a\u0644 \u0623\u0648 \u0627\u0633\u062a\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0642\u0627\u062a. \u0628\u0641\u0636\u0644 \u062a\u0648\u0641\u0631 \u0639\u0646\u0627\u0635\u0631 \u0645\u062b\u0644 \u0648 \u0648 \u060c \u064a\u0645\u0643\u0646\u0643 \u0628\u0633\u0647\u0648\u0644\u0629 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0648\u062c\u0630\u0627\u0628\u0629.\u0645\u0639 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0645\u064a\u0632\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (Validation) \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u0647\u064a \u062e\u0627\u0635\u064a\u0629 \u062a\u0633\u0645\u062d \u0644\u0643 \u0628\u0641\u062d\u0635 \u0635\u062d\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u062e\u0644\u0629 \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0625\u0631\u0633\u0627\u0644\u0647\u0627 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645. \u0647\u0630\u0627 \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0648\u064a\u062d\u0633\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0634\u0643\u0644 \u0639\u0627\u0645.\u0623\u0645\u0627 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0627\u0633\u062a\u0646\u0627\u062f \u0625\u0644\u0649 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3\u060c \u0641\u0647\u064a \u062a\u0648\u0641\u0631 \u0648\u0633\u064a\u0644\u0629 \u0642\u0648\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0646\u0633\u064a\u0642 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642 \u0648\u0641\u0639\u0651\u0627\u0644. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0639\u0646\u0627\u0635\u0631 \u0645\u062d\u062f\u062f\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062d\u0627\u0644\u062a\u0647\u0627 \u0623\u0648 \u0645\u0648\u0642\u0639\u0647\u0627 \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629\u060c \u0645\u0645\u0627 \u064a\u0645\u0646\u062d\u0643 \u062a\u062d\u0643\u0645\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627 \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u0644\u062a\u0646\u0633\u064a\u0642.\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u064a\u0645\u0643\u0646\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 :hover \u0644\u062a\u063a\u064a\u064a\u0631 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0639\u0646\u0635\u0631 \u0639\u0646\u062f\u0645\u0627 \u064a\u062a\u0645 \u062a\u062d\u0648\u064a\u0644 \u0645\u0624\u0634\u0631 \u0627\u0644\u0645\u0627\u0648\u0633 \u0625\u0644\u064a\u0647\u060c \u0623\u0648 :focus \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0630\u064a \u064a\u062d\u0635\u0644 \u0639\u0644\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u064a\u0647\u060c \u0648\u0647\u0648 \u062e\u0627\u0635\u0629 \u0645\u0647\u0645\u0629 \u0641\u064a \u062d\u0627\u0644\u0629 \u0627\u0644\u0646\u0645\u0627\u0630\u062c.\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0642\u0648\u0629 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0648\u0645\u0631\u0648\u0646\u0629 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3\u060c \u064a\u0645\u0643\u0646\u0643 \u0625\u0646\u0634\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0645\u062a\u0637\u0648\u0631\u0629 \u0648\u0641\u0639\u0651\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628. \u064a\u062c\u0628 \u0639\u0644\u064a\u0643 \u0641\u0642\u0637 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062d\u0630\u0631\u064b\u0627 \u0648\u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0647\u0630\u0647 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0628\u0634\u0643\u0644 \u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0645\u0634\u0631\u0648\u0639\u0643 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0639 \u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\n\n\u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f\u060c \u062f\u0639\u0648\u0646\u0627 \u0646\u0639\u0645\u0642 \u0641\u064a \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062d\u0648\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0648\u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3.\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5:1. \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (Validation):\u0641\u064a HTML5\u060c \u062a\u0645 \u062a\u062d\u0633\u064a\u0646 \u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u062c\u0647\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0641\u0636\u0644 \u0645\u0632\u0627\u064a\u0627 \u0645\u062b\u0644:\u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a: \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0628\u0639\u0636 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0623\u0631\u0642\u0627\u0645.\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 pattern: \u062a\u0648\u0641\u064a\u0631 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u062d\u062f\u064a\u062f \u0646\u0645\u0637 \u0645\u062d\u062f\u062f \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 (\u0645\u062b\u0644 \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0623\u0648 \u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u0628\u0631\u064a\u062f\u064a\u0629).2. \u0639\u0646\u0627\u0635\u0631 \u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0642\u062f\u0645\u0629:HTML5 \u064a\u0642\u062f\u0645 \u0639\u062f\u0629 \u0639\u0646\u0627\u0635\u0631 \u0646\u0645\u0648\u0630\u062c \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u0634\u0645\u0644:: \u0644\u0625\u0646\u0634\u0627\u0621 \u0642\u0627\u0626\u0645\u0629 \u0645\u0646 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u064a\u0645\u0643\u0646 \u0627\u062e\u062a\u064a\u0627\u0631\u0647\u0627 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.: \u0644\u0639\u0631\u0636 \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0623\u0648 \u062d\u0633\u0627\u0628\u0627\u062a \u0641\u0648\u0631\u064a\u0629.3. \u0627\u0644\u0625\u0634\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a:\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0639\u0646\u0627\u0635\u0631 \u0645\u062b\u0644 \u0648 \u0644\u0639\u0631\u0636 \u062a\u0641\u0627\u0635\u064a\u0644 \u0623\u0648 \u062a\u0642\u062f\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a.\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0627\u0635\u064a\u0629 placeholder \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u0648\u062c\u064a\u0647 \u0625\u0636\u0627\u0641\u064a \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0634\u0643\u0644 \u062c\u0645\u0627\u0644\u064a \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0646\u0635\u0648\u0635 \u062a\u0648\u062c\u064a\u0647 \u0637\u0648\u064a\u0644\u0629.\u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3:1. \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0641\u0627\u0639\u0644::hover: \u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0624\u0634\u0631 \u0625\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631.:active: \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631.2. \u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0646\u0645\u0627\u0630\u062c::focus: \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0639\u0646\u062f\u0645\u0627 \u064a\u062d\u0635\u0644 \u0627\u0644\u0639\u0646\u0635\u0631 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0643\u064a\u0632.:valid \u0648 :invalid: \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0633\u062a\u0646\u0627\u062f\u064b\u0627 \u0625\u0644\u0649 \u0635\u062d\u0629 \u0623\u0648 \u062e\u0637\u0623 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u062e\u0644\u0629.3. \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629:@media: \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0633\u062a\u0639\u0644\u0627\u0645 \u0648\u0633\u0627\u0626\u0637 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u0635\u0645\u064a\u0645\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0634\u0627\u0634\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.@keyframes: \u0625\u0636\u0627\u0641\u0629 \u062d\u0631\u0643\u0629 \u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0625\u0637\u0627\u0631\u0627\u062a.\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 HTML5 \u0648 CSS3:\u064a\u0645\u0643\u0646 \u062f\u0645\u062c \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0628\u0633\u0647\u0648\u0644\u0629 \u0645\u0639 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3 \u0644\u062a\u062d\u0642\u064a\u0642 \u062a\u062c\u0627\u0631\u0628 \u0645\u062a\u0637\u0648\u0631\u0629. \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0628\u0634\u0643\u0644 \u062f\u0642\u064a\u0642\u060c \u0645\u062b\u0644 \u062a\u063a\u064a\u064a\u0631 \u0644\u0648\u0646 \u0627\u0644\u062d\u062f\u0648\u062f \u0623\u0648 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0639\u0646\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u0624\u0634\u0631 \u0625\u0644\u0649 \u062d\u0642\u0644 \u0627\u0644\u0625\u062f\u062e\u0627\u0644\u060c \u0648\u0630\u0644\u0643 \u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u0641\u0627\u0639\u0644\u0647.\u0628\u0627\u0644\u062a\u0627\u0644\u064a\u060c \u064a\u0645\u062b\u0644 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0641\u064a HTML5 \u0648\u0627\u0644\u0623\u0635\u0646\u0627\u0641 \u0627\u0644\u0632\u0627\u0626\u0641\u0629 \u0641\u064a CSS3 \u062a\u0642\u0646\u064a\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0634\u0643\u0644 \u0639\u0627\u0645.","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"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/it-solutions.center\/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"IT-Solutions","url":"https:\/\/it-solutions.center\/author\/ayoob\/"}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&url=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&title=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&name=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&description=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&title=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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="https://web.skype.com/share?url=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&text=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" rel="external noopener nofollow" title="سكايب" target="_blank" class="skype-share-btn " data-raw="https://web.skype.com/share?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-skype"></span> <span class="screen-reader-text">سكايب</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&redirect_uri=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&redirect_uri=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&text=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&body=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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> </div> </article> <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%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%b9%d9%85%d9%82-javascript-es6%d8%8c-promises%d8%8c-%d9%88%d8%a3%d8%b7%d9%8f%d8%b1-%d8%a7%d9%84%d9%88%d8%a7%d8%ac%d9%87%d8%a9-%d8%a7%d9%84%d8%a3%d9%85/" style="background-image: url()" 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%d8%b3%d8%aa%d9%83%d8%b4%d8%a7%d9%81-%d8%b9%d9%85%d9%82-javascript-es6%d8%8c-promises%d8%8c-%d9%88%d8%a3%d8%b7%d9%8f%d8%b1-%d8%a7%d9%84%d9%88%d8%a7%d8%ac%d9%87%d8%a9-%d8%a7%d9%84%d8%a3%d9%85/" rel="prev"> <h3 class="post-title">استكشاف عمق JavaScript: ES6، Promises، وأطُر الواجهة الأمامية</h3> </a> </div> <div class="tie-col-xs-6 next-post"> <a href="https://it-solutions.center/foundation-%d8%b1%d8%a7%d8%a6%d8%af%d8%a9-%d8%a7%d9%84%d8%aa%d9%83%d9%86%d9%88%d9%84%d9%88%d8%ac%d9%8a%d8%a7-%d9%88%d8%a7%d9%84%d8%a7%d8%a8%d8%aa%d9%83%d8%a7%d8%b1-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa/" style="background-image: url()" 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/foundation-%d8%b1%d8%a7%d8%a6%d8%af%d8%a9-%d8%a7%d9%84%d8%aa%d9%83%d9%86%d9%88%d9%84%d9%88%d8%ac%d9%8a%d8%a7-%d9%88%d8%a7%d9%84%d8%a7%d8%a8%d8%aa%d9%83%d8%a7%d8%b1-%d8%a7%d9%84%d8%a7%d8%ac%d8%aa/" rel="next"> <h3 class="post-title">Foundation: رائدة التكنولوجيا والابتكار الاجتماعي</h3> </a> </div> </div> <div id="related-posts" class="container-wrapper has-extra-post"> <div class="mag-box-title the-global-title"> <h3>مقالات ذات صلة</h3> </div> <div class="related-posts-list"> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://it-solutions.center/%d8%aa%d9%81%d8%a7%d8%b9%d9%84%d8%a7%d8%aa-swift-%d9%85%d8%aa%d8%a7%d8%a8%d8%b9%d8%a7%d8%aa-%d8%a7%d9%84%d8%ae%d8%b5%d8%a7%d8%a6%d8%b5-%d9%88%d8%aa%d8%ad%d8%af%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d8%af/">تفاعلات Swift: متابعات الخصائص وتحديات الدوال المتغيرة</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">09/02/2024</span></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://it-solutions.center/%d8%aa%d8%ad%d8%b1%d9%8a%d9%83-%d8%a7%d9%84%d8%b3%d8%b7%d9%88%d8%b1-%d9%81%d9%8a-visual-studio/">تحريك السطور في Visual Studio</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">07/04/2024</span></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://it-solutions.center/%d8%ad%d9%84%d9%88%d9%84-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a3%d8%af%d8%a7%d8%a1-gkminmaxstrategist-%d9%81%d9%8a-swift/">حلول تحسين أداء GKMinmaxStrategist في Swift</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">29/01/2024</span></div> </div> <div class="related-item tie-standard"> <h3 class="post-title"><a href="https://it-solutions.center/%d8%aa%d8%af%d8%b1%d9%8a%d8%a8%d8%a7%d8%aa-%d9%82%d8%b3%d9%85%d8%a9-%d8%b3%d9%87%d9%84%d8%a9-%d9%81%d9%8a-php/">تدريبات قسمة سهلة في PHP</a></h3> <div class="post-meta clearfix"><span class="date meta-item tie-icon">07/03/2024</span></div> </div> </div> </div> </div> </div> <div id="check-also-box" class="container-wrapper check-also-right"> <div class="widget-title the-global-title"> <div class="the-subtitle">شاهد أيضاً</div> <a href="#" id="check-also-close" class="remove"> <span class="screen-reader-text">إغلاق</span> </a> </div> <div class="widget"> <ul class="posts-list-items"> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%af%d9%85%d8%ac-%d9%86%d8%aa%d8%a7%d8%a6%d8%ac-linq-%d9%81%d9%8a-listview-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-c/">دمج نتائج LINQ في Listview باستخدام C#</a> <div class="post-meta"> <span class="date meta-item tie-icon">16/02/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%a7%d8%b3%d8%aa%d8%ae%d8%b1%d8%a7%d8%ac-%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-regex-%d9%81%d9%8a-java/">استخراج بيانات باستخدام Regex في Java</a> <div class="post-meta"> <span class="date meta-item tie-icon">15/03/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%ad%d9%84%d9%88%d9%84-%d9%84%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%b9%d8%af%d9%85-%d8%b8%d9%87%d9%88%d8%b1-visual-composer-%d8%b9%d9%84%d9%89-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%a5/">حلول لمشكلة عدم ظهور Visual Composer على الموقع الإلكتروني</a> <div class="post-meta"> <span class="date meta-item tie-icon">20/02/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d9%82%d8%b1%d8%a7%d8%a1%d8%a9-arraylist-%d8%a8%d8%a7%d8%b3%d8%aa%d8%ae%d8%af%d8%a7%d9%85-filereader/">قراءة ArrayList باستخدام FileReader</a> <div class="post-meta"> <span class="date meta-item tie-icon">02/03/2024</span> </div> </div> </li> <li class="widget-single-post-item widget-post-list tie-standard"> <div class="post-widget-body no-small-thumbs"> <a class="post-title the-subtitle" href="https://it-solutions.center/%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%ae%d9%88%d8%a7%d8%b1%d8%b2%d9%85%d9%8a%d8%a9-%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%a7%d9%84%d8%ab%d9%86%d8%a7%d8%a6%d9%8a-%d9%81%d9%8a-%d8%ac%d8%a7%d9%81%d8%a7-%d8%a5/">تحسين خوارزمية البحث الثنائي في جافا: إصلاح الأخطاء وتحسين الأداء</a> <div class="post-meta"> <span class="date meta-item tie-icon">13/02/2024</span> </div> </div> </li> </ul> </div> </div> <aside class="sidebar tie-col-md-4 tie-col-xs-12 normal-side is-sticky" aria-label="القائمة الجانبية الرئيسية"> <div class="theiaStickySidebar"> <div id="search-3" class="container-wrapper widget widget_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 class="clearfix"></div></div><div id="stream-item-widget-2" class="container-wrapper widget stream-item-widget"><div class="stream-item-widget-content"> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3293364314201893" crossorigin="anonymous"></script>  <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 class="clearfix"></div></div> <div id="recent-posts-3" class="container-wrapper widget widget_recent_entries"> <div class="widget-title the-global-title"><div class="the-subtitle">أحدث المقالات<span class="widget-title-icon tie-icon"></span></div></div> <ul> <li> <a href="https://it-solutions.center/%d9%85%d9%82%d8%a7%d8%b1%d9%86%d8%a9-%d8%a8%d9%8a%d9%86-%d8%a3%d8%b3%d8%b1%d8%b9-%d8%a7%d9%84%d9%85%d8%aa%d8%b5%d9%81%d8%ad%d8%a7%d8%aa/">مقارنة بين أسرع المتصفحات</a> <span class="post-date">27/09/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a3%d8%b3%d8%a8%d8%a7%d8%a8-%d9%88%d8%ad%d9%84%d9%88%d9%84-%d9%85%d8%b4%d9%83%d9%84%d8%a9-%d8%a7%d9%84%d9%83%d9%87%d8%b1%d8%a8%d8%a7%d8%a1-%d8%a7%d9%84%d8%b2%d8%a7%d8%a6%d8%af%d8%a9-%d9%81%d9%8a/">أسباب وحلول مشكلة الكهرباء الزائدة في الكمبيوتر</a> <span class="post-date">26/09/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%a7%d8%ae%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1-iq-%d9%85%d9%81%d9%87%d9%88%d9%85%d9%87%d8%8c-%d8%aa%d8%a7%d8%b1%d9%8a%d8%ae%d9%87%d8%8c-%d8%a3%d9%87%d9%85%d9%8a%d8%aa/">اختبار الذكاء (IQ): مفهومه، تاريخه، أهميته، وكيفية اجتيازه</a> <span class="post-date">25/09/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%ac%d9%87%d8%a7%d8%b2-%d8%a7%d9%84%d8%a8%d9%8a%d8%ac%d8%b1-%d9%85%d8%a7-%d9%87%d9%88-%d9%88%d9%83%d9%8a%d9%81-%d8%a5%d8%b3%d8%aa%d8%b9%d9%85%d9%84%d8%aa%d9%87-%d8%a5%d8%b3%d8%b1%d8%a7%d8%a6%d9%8a/">جهاز البيجر ما هو وكيف إستعملته إسرائيل كسلاح ضدد حزب الله</a> <span class="post-date">24/09/2024</span> </li> <li> <a href="https://it-solutions.center/%d8%ad%d9%85%d8%a7%d9%8a%d8%a9-%d9%88%d8%a7%d8%aa%d8%b3-%d8%a7%d8%a8-%d9%85%d9%86-%d8%a7%d9%84%d8%a7%d8%ae%d8%aa%d8%b1%d8%a7%d9%82/">حماية واتس اب من الاختراق</a> <span class="post-date">25/08/2024</span> </li> </ul> <div class="clearfix"></div></div><div id="categories-4" class="container-wrapper widget widget_categories"><div class="widget-title the-global-title"><div class="the-subtitle">تصنيفات<span class="widget-title-icon tie-icon"></span></div></div> <ul> <li class="cat-item cat-item-3664"><a href="https://it-solutions.center/category/apple/">أبل</a> </li> <li class="cat-item cat-item-36"><a href="https://it-solutions.center/category/news/">أخبار</a> </li> <li class="cat-item cat-item-42"><a href="https://it-solutions.center/category/tools/">أدوات</a> </li> <li class="cat-item cat-item-394747"><a href="https://it-solutions.center/category/%d8%a3%d9%85%d9%86-%d8%a7%d9%84%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa/">أمن المعلومات</a> </li> <li class="cat-item cat-item-6484"><a href="https://it-solutions.center/category/security/">أمن و حماية البيانات</a> </li> <li class="cat-item cat-item-384664"><a href="https://it-solutions.center/category/%d8%a5%d9%86%d8%aa%d8%b1%d9%86%d8%aa/">إنترنت</a> </li> <li class="cat-item cat-item-382593"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84/">الأعمال</a> </li> <li class="cat-item cat-item-401228"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/">البرمجة</a> </li> <li class="cat-item cat-item-381374"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%aa%d8%b1%d8%ac%d9%85%d8%a9/">الترجمة</a> </li> <li class="cat-item cat-item-376199"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82/">التسويق</a> </li> <li class="cat-item cat-item-389371"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85/">التصميم</a> </li> <li class="cat-item cat-item-379300"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%85-%d8%b9%d9%86-%d8%a8%d8%b9%d8%af/">التعلم عن بعد</a> </li> <li class="cat-item cat-item-14017"><a href="https://it-solutions.center/category/ai/">الذكاء الصناعي</a> </li> <li class="cat-item cat-item-380578"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%b1%d8%a8%d8%ad-%d9%85%d9%86-%d8%a7%d9%84%d8%a3%d9%86%d8%aa%d8%b1%d9%86%d8%aa/">الربح من الأنترنت</a> </li> <li class="cat-item cat-item-381994"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%b3%d9%81%d8%b1-%d9%88-%d8%a7%d9%84%d9%87%d8%ac%d8%b1%d8%a9/">السفر و الهجرة</a> </li> <li class="cat-item cat-item-386683"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d8%b4%d8%a8%d9%83%d8%a7%d8%aa/">الشبكات</a> </li> <li class="cat-item cat-item-373899"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d9%85%d8%ad%d8%aa%d9%88%d9%89-%d8%a7%d9%84%d8%b1%d9%82%d9%85%d9%8a/">المحتوى الرقمي</a> </li> <li class="cat-item cat-item-427358"><a href="https://it-solutions.center/category/%d8%a7%d9%84%d9%85%d9%88%d8%a8%d8%a7%d9%8a%d9%84/">الموبايل</a> </li> <li class="cat-item cat-item-12789"><a href="https://it-solutions.center/category/protocol/">برتوكولات</a> </li> <li class="cat-item cat-item-14162"><a href="https://it-solutions.center/category/programming/">برمجة</a> </li> <li class="cat-item cat-item-13562"><a href="https://it-solutions.center/category/marketing/">تسويق</a> </li> <li class="cat-item cat-item-398278"><a href="https://it-solutions.center/category/%d8%aa%d8%b7%d8%a8%d9%8a%d9%82%d8%a7%d8%aa/">تطبيقات</a> </li> <li class="cat-item cat-item-10327"><a href="https://it-solutions.center/category/mobileapp/">تطبيقات الموبايل</a> </li> <li class="cat-item cat-item-4389"><a href="https://it-solutions.center/category/web-dev/">تطوير الويب</a> </li> <li class="cat-item cat-item-14377"><a href="https://it-solutions.center/category/network/">تقنيات الشبكات</a> </li> <li class="cat-item cat-item-395007"><a href="https://it-solutions.center/category/%d8%aa%d9%82%d9%86%d9%8a%d8%a9/">تقنية</a> </li> <li class="cat-item cat-item-2"><a href="https://it-solutions.center/category/technical/">تكنيكال</a> </li> <li class="cat-item cat-item-1946"><a href="https://it-solutions.center/category/tip/">تلميحات</a> </li> <li class="cat-item cat-item-392550"><a href="https://it-solutions.center/category/%d8%af%d9%8a%d9%81-%d8%a3%d9%88%d8%a8%d8%b3/">ديف أوبس</a> </li> <li class="cat-item cat-item-380227"><a href="https://it-solutions.center/category/%d8%b1%d9%8a%d8%a7%d8%af%d8%a9-%d8%a7%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84/">ريادة الأعمال</a> </li> <li class="cat-item cat-item-427425"><a href="https://it-solutions.center/category/%d8%b3%d9%8a%d8%a7%d8%b1%d8%a7%d8%aa/">سيارات</a> </li> <li class="cat-item cat-item-10601"><a href="https://it-solutions.center/category/socialmedia/">شبكات التواصل الأجتماعي</a> </li> <li class="cat-item cat-item-374208"><a href="https://it-solutions.center/category/%d9%81%d8%b1%d9%8a%d9%84%d8%a7%d9%86%d8%b3/">فريلانس</a> </li> <li class="cat-item cat-item-379410"><a href="https://it-solutions.center/category/%d9%82%d8%b5%d8%b5-%d9%86%d8%ac%d8%a7%d8%ad/">قصص نجاح</a> </li> <li class="cat-item cat-item-6600"><a href="https://it-solutions.center/category/%d9%82%d9%88%d8%a7%d8%b9%d8%af-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa/">قواعد البيانات</a> </li> <li class="cat-item cat-item-4324"><a href="https://it-solutions.center/category/how-to/">كيف</a> </li> <li class="cat-item cat-item-4331"><a href="https://it-solutions.center/category/article/">مقالات</a> </li> <li class="cat-item cat-item-379659"><a href="https://it-solutions.center/category/%d9%85%d9%86%d8%ad-%d8%af%d8%b1%d8%a7%d8%b3%d9%8a%d8%a9/">منح دراسية</a> </li> <li class="cat-item cat-item-1"><a href="https://it-solutions.center/category/%d9%85%d9%86%d9%88%d8%b9/">منوع</a> </li> <li class="cat-item cat-item-379915"><a href="https://it-solutions.center/category/%d9%85%d9%86%d9%88%d8%b9%d8%a7%d8%aa/">منوعات</a> </li> <li class="cat-item cat-item-385330"><a href="https://it-solutions.center/category/%d9%85%d9%86%d9%88%d8%b9%d8%a7%d8%aa-%d8%aa%d9%82%d9%86%d9%8a%d8%a9/">منوعات تقنية</a> </li> <li class="cat-item cat-item-379556"><a href="https://it-solutions.center/category/%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d8%ad%d9%8a%d8%a7%d8%aa%d9%8a%d8%a9/">مهارات حياتية</a> </li> <li class="cat-item cat-item-378554"><a href="https://it-solutions.center/category/%d9%85%d9%87%d8%a7%d8%b1%d8%a7%d8%aa-%d9%88%d8%b8%d9%8a%d9%81%d9%8a%d8%a9/">مهارات وظيفية</a> </li> <li class="cat-item cat-item-394436"><a href="https://it-solutions.center/category/%d9%86%d8%b8%d9%85-%d8%aa%d8%b4%d8%ba%d9%8a%d9%84/">نظم تشغيل</a> </li> </ul> <div class="clearfix"></div></div> </div> </aside> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <div id="site-info" class="site-info site-info-layout-2"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first">جميع الحقوق محفوظة مركز حلول تكنولوجيا المعلومات</div><ul class="social-icons"></ul> </div> </div> </div> </div> </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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9&url=https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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://api.whatsapp.com/send?text=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9%20https://it-solutions.center/%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/" 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%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%86%d9%85%d8%a7%d8%b0%d8%ac-html5-%d9%88%d8%a3%d8%b5%d9%86%d8%a7%d9%81-css3-%d8%a7/&text=%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%3A%20%D9%86%D9%85%D8%A7%D8%B0%D8%AC%20HTML5%20%D9%88%D8%A3%D8%B5%D9%86%D8%A7%D9%81%20CSS3%20%D8%A7%D9%84%D9%85%D8%AA%D9%82%D8%AF%D9%85%D8%A9" 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> </div> </div> <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> <aside class=" side-aside normal-side dark-skin dark-widgetized-area is-fullwidth 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> <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> <div id="mobile-menu" class="hide-menu-icons"> </div> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul></ul> </div> </div> </div> </aside> </div> </div> <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> <div id="ays_tooltip" ><div id="ays_tooltip_block"><p>هذا المحتوى محمي من النسخ لمشاركته يرجى استعمال أزرار المشاركة السريعة أو تسخ الرابط !!</p> </div></div> <style> #ays_tooltip,.ays_tooltip_class { display: none; position: absolute; z-index: 999999999; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:1; border: 1px solid #b7b7b7; border-radius: 3px; box-shadow: rgba(0,0,0,0) 0px 0px 15px 1px; color: #197019; padding: 5px; text-transform: none; ; } #ays_tooltip > *, .ays_tooltip_class > * { color: #197019; font-size: 12px; } #ays_tooltip_block { font-size: 12px; backdrop-filter: blur(0px); } @media screen and (max-width: 768px){ #ays_tooltip,.ays_tooltip_class { font-size: 12px; } #ays_tooltip > *, .ays_tooltip_class > * { font-size: 12px; } } </style> <style> *:not(input):not(textarea)::selection { background-color: transparent !important; color: inherit !important; } *:not(input):not(textarea)::-moz-selection { background-color: transparent !important; color: inherit !important; } </style> <script> function stopPrntScr() { var inpFld = document.createElement("input"); inpFld.setAttribute("value", "Access Denied"); inpFld.setAttribute("width", "0"); inpFld.style.height = "0px"; inpFld.style.width = "0px"; inpFld.style.border = "0px"; document.body.appendChild(inpFld); inpFld.select(); document.execCommand("copy"); inpFld.remove(inpFld); } (function ($) { 'use strict'; $(function () { let all = $('*').not('script, meta, link, style, noscript, title'), tooltip = $('#ays_tooltip'), tooltipClass = "mouse"; if (tooltipClass == "mouse" || tooltipClass == "mouse_first_pos") { $(document).on('mousemove', function (e) { let cordinate_x = e.pageX; let cordinate_y = e.pageY; let windowWidth = $(window).width(); if (cordinate_y < tooltip.outerHeight()) { tooltip.css({'top': (cordinate_y + 10) + 'px'}); } else { tooltip.css({'top': (cordinate_y - tooltip.outerHeight()) + 'px'}); } if (cordinate_x > (windowWidth - tooltip.outerWidth())) { tooltip.css({'left': (cordinate_x - tooltip.outerWidth()) + 'px'}); } else { tooltip.css({'left': (cordinate_x + 5) + 'px'}); } }); } else { tooltip.addClass(tooltipClass); } $(document).on('contextmenu', function (e) { let target = $(event.target); let t = e || window.event; let n = t.target || t.srcElement; if (!target.is("") && (!target.is("1") && !target.is("img")) && (!target.is("") && !target.is("a") && n.parentElement.nodeName !== "A") ) { if (n.nodeName !== "A" ) { show_tooltip(1 ); audio_play(); } return false; } }); $(document).on('contextmenu', function (e) { let target = $(event.target); if (target.is("img") || target.is("div.ays_tooltip_class")) { let t = e || window.event; let n = t.target || t.srcElement; if (n.nodeName !== "A") { show_tooltip(1 ); audio_play(); } return false; } }); $(document).on('dragstart', function () { let target = $(event.target); if (!target.is("")) { show_tooltip(1 ); audio_play(); return false; } }); $(window).on('keydown', function (event) { var sccp_selObj = window.getSelection(); var check_selectors = true; if (!sccp_selObj.rangeCount < 1) { var sccp_selRange = sccp_selObj.getRangeAt(0); var sccp_selection_selector = sccp_selRange.startContainer.parentElement; check_selectors = !$(sccp_selection_selector).is(""); } if (check_selectors) { var isOpera = (BrowserDetect.browser === "Opera"); var isFirefox = (BrowserDetect.browser === 'Firefox'); var isSafari = (BrowserDetect.browser === 'Safari'); var isIE = (BrowserDetect.browser === 'Explorer'); var isChrome = (BrowserDetect.browser === 'Chrome'); var isMozilla = (BrowserDetect.browser === 'Mozilla'); if (BrowserDetect.OS === 'Windows') { if (isChrome) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 68 || event.keyCode === 67))) { show_tooltip(1); audio_play(); return false; } } if (isFirefox) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 75 || event.keyCode === 69)) || event.keyCode === 118 || (event.keyCode === 112 && event.shiftKey) || (event.keyCode === 115 && event.shiftKey) || (event.keyCode === 118 && event.shiftKey) || (event.keyCode === 120 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } if (isOpera) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 88 || event.keyCode === 69))) { show_tooltip(1); audio_play(); return false; } } if (isIE) { if ((event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } if (isMozilla) { if ((event.ctrlKey && event.keyCode === 73) || (event.altKey && event.keyCode === 68)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 65 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 67 && event.ctrlKey && !event.shiftKey) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if ((event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123 || (event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } else if (BrowserDetect.OS === 'Linux') { if (isChrome) { if ( ( (event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 ) ) || (event.ctrlKey && event.keyCode === 85) ) { show_tooltip(1); audio_play(); return false; } } if (isFirefox) { if (((event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 75 || event.keyCode === 69)) || event.keyCode === 118 || event.keyCode === 116 || (event.keyCode === 112 && event.shiftKey) || (event.keyCode === 115 && event.shiftKey) || (event.keyCode === 118 && event.shiftKey) || (event.keyCode === 120 && event.shiftKey) || (event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } } if (isOpera) { if (((event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 88 || event.keyCode === 69)) || (event.ctrlKey && event.keyCode === 85)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 65 && event.ctrlKey) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 67 && event.ctrlKey && !event.shiftKey) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123 || (event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } else if (BrowserDetect.OS === 'Mac') { if (isChrome || isSafari || isOpera || isFirefox) { if (event.metaKey && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 69 || event.keyCode === 75)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 65 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 67 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 85 && event.metaKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123) { show_tooltip(1); audio_play(); return false; } } } }); function disableSelection(e) { if (typeof e.onselectstart !== "undefined") e.onselectstart = function () { show_tooltip( ); audio_play(); return false }; else if (typeof e.style.MozUserSelect !== "undefined") e.style.MozUserSelect = "none"; else e.onmousedown = function () { show_tooltip(); audio_play(); return false }; e.style.cursor = "default" } var msg_count = 1; function show_tooltip(mess) { if (mess && msg_count == 1) { if (tooltipClass == 'mouse_first_pos') { if ($('#ays_tooltip2').length > 0) { $('#ays_tooltip2').remove(); } var tooltip2 = tooltip.clone().prop('id','ays_tooltip2').insertBefore(tooltip); $('#ays_tooltip2').addClass('ays_tooltip_class'); tooltip2.css({'display': 'table'}); $('#ays_tooltip').fadeOut(); setTimeout(function () { tooltip2.remove(); }, 1000); }else{ tooltip.css({'display': 'table'}); setTimeout(function () { $('#ays_tooltip').fadeOut(500); }, 1000); } } } function audio_play(audio) { if (audio) { var audio = document.getElementById("sccp_public_audio"); if (audio) { audio.currentTime = 0; audio.play(); } } } }); })(jQuery); var copyrightText = ''; var copyrightIncludeUrl = ''; var copyrightWord = ''; function copyToClipboard(text) { var textarea = document.createElement("textarea"); textarea.textContent = text; textarea.style.position = "fixed"; document.body.appendChild(textarea); textarea.select(); try { return document.execCommand("cut"); } catch (ex) { console.warn("Copy to clipboard failed.", ex); return false; } finally { document.body.removeChild(textarea); } } function htmlDecode(input) { var doc = new DOMParser().parseFromString(input, "text/html"); return doc.documentElement.textContent; } var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i = 0; i < data.length; i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) !== -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index === -1) return; return parseFloat(dataString.substring(index + this.versionSearchString.length + 1)); }, dataBrowser: [{ string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera", versionSearch: "Version" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" }], dataOS: [{ string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" }] }; BrowserDetect.init(); // }, false); </script> <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-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 " 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> </div> </div> <script type="text/javascript" src="https://it-solutions.center/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'rtl' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/it-solutions.center\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://it-solutions.center/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ 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":"true","select_share_facebook":"true","select_share_linkedin":"true","select_share_email":"true","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\">\n\t\t\t\t<div class=\"spinner\">\n\t\t\t\t\t<div class=\"bounce1\"><\/div>\n\t\t\t\t\t<div class=\"bounce2\"><\/div>\n\t\t\t\t\t<div class=\"bounce3\"> <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>","type_to_search":"","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/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://it-solutions.center/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Changa::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=372568&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html>