HTML - Links الروابط

-

روابط HTML (HTML Links)

تُستخدم الروابط (Links) في HTML للانتقال من صفحة إلى أخرى، أو لتحميل ملفات، أو للانتقال إلى أقسام داخل نفس الصفحة.

✅ وسم <a> (Anchor Tag):

الروابط تُنشأ باستخدام الوسم <a>، والذي يحتوي على السمة href لتحديد وجهة الرابط. 


<a href="https://example.com">اذهب إلى Example.com</a>

🔹 فتح الرابط في نافذة جديدة:

لجعل الرابط يُفتح في نافذة جديدة، نستخدم السمة target="_blank". 


<a href="https://example.com" target="_blank">افتح في نافذة جديدة</a>

🔹 روابط البريد الإلكتروني:

يمكن استخدام mailto: لإنشاء رابط يفتح برنامج البريد لإرسال رسالة. 


<a href="mailto:someone@example.com">أرسل بريدًا إلكترونيًا</a>

🔹 روابط إلى نفس الصفحة (روابط مرجعية):

يمكنك إنشاء روابط تنقلك إلى جزء معين في نفس الصفحة باستخدام id. 


<a href="#section1">اذهب إلى القسم 1</a>

...

<h2 id="section1">هذا هو القسم 1</h2>

🧪 أمثلة إضافية:


<a href="https://www.google.com">Google</a>
<a href="myfile.pdf">تحميل ملف PDF</a>
<a href="#top">العودة للأعلى</a>

📝 ملاحظات مهمة:

  • السمة href ضرورية لتحديد وجهة الرابط.
  • يمكن استخدام روابط داخلية (نفس الموقع) أو خارجية (روابط لمواقع أخرى).
  • السمة target="_blank" مفيدة لفتح الروابط بدون الخروج من موقعك.
  • من الأفضل أحيانًا استخدام rel="noopener noreferrer" مع _blank لأمان أكثر.


تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

C# - Arrays

-
C# - المصفوفات (Arrays) المصفوفة (Array) هي بنية بيانات تُستخدم لتخزين مجموعة من القيم من نفس النوع في مكان واحد بالذاكرة، ويتم الوصول إلى العناصر باستخدام رقم الفهرس (Index). 🔹 كيفية تعريف مصفوفة: // تعريف مصفوفة وتعيين قيم ابتدائية int[] numbers = { 1, 2, 3, 4, 5 }; // الوصول إلى العنصر الأول Console.WriteLine(numbers[0]); // النتيجة: 1 💡 ملاحظات: الفهرس يبدأ من 0، أي أول عنصر هو numbers[0] . يمكنك استخدام حلقة for أو foreach للتكرار على المصفوفة. يجب تحديد نوع البيانات التي ستحتويها المصفوفة. 🧪 مثال آخر: string[] fruits = new string[3]; fruits[0] = \"تفاح\"; fruits[1] = \"موز\"; fruits[2] = \"عنب\"; foreach (string fruit in fruits) { Console.WriteLine(fruit); } 📌 في هذا المثال، أنشأنا مصفوفة من ثلاث عناصر ومررنا عليها باستخدام foreach .
قراءة المزيد

Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate

-
Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate ORM هي اختصار لـ Object-Relational Mapping ، وتعني "الربط الكائني العلاقي". ببساطة، هي تقنية تُستخدم لربط الكائنات (Objects) في الكود مع الجداول (Tables) في قاعدة البيانات. 🔹 لماذا نحتاج إلى ORM؟ بدون ORM، نحتاج إلى كتابة استعلامات SQL يدوية والتعامل مع الكائنات بأنفسنا. بينما ORM توفر لنا طبقة وسيطة تقوم بتحويل الكود الكائني إلى استعلامات SQL تلقائيًا، والعكس أيضًا. 🔹 مزايا ORM تسريع التطوير. تقليل كمية الكود المكتوب. سهولة التعامل مع البيانات بشكل كائني. دعم التحقق من النوع (Type Checking) في وقت البرمجة. 🔹 عيوب ORM أداء أقل من SQL اليدوي في العمليات المعقدة. بعض المرونة تضيع بسبب التجريد العالي. 🔸 مقارنة بين EF Core وDapper وNHibernate التقنية النوع السهولة الأداء الدعم والانتشار Entity Framework Core ORM كامل سهل ومتكامل مع .NET متوسط مرتفع (مدعوم من Microsoft) ...
قراءة المزيد

Entity Framework - مقدمة عن Entity Framework

-
مقدمة عن Entity Framework 📜 لمحة تاريخية عن Entity Framework - أول إصدار من Entity Framework ظهر سنة 2008 كجزء من .NET Framework. - كان اسمه الرسمي ببساطة "Entity Framework"، ويعمل على ربط التطبيقات مع قواعد بيانات SQL بطريقة برمجية. - Entity Framework وفر وقتها أسلوبين رئيسيين للعمل: Database First ➔ إنشاء الكود انطلاقًا من قاعدة بيانات موجودة. Model First ➔ إنشاء قاعدة البيانات انطلاقًا من نموذج (Model) مرسوم. ✅ مع الوقت تطورت EF وتم إضافة أسلوب جديد يسمى Code First الذي أصبح من أكثر الطرق استخدامًا اليوم. 🔗 إصدارات Entity Framework قبل EF Core Entity Framework 1.0 (2008) - الإصدار الأول وكان محدود الإمكانيات. Entity Framework 4.0 (2010) - تحسينات كبيرة ودعم أفضل لـ POCO classes. Entity Framework 5.0 و6.0 (2012-2013) - دعم مميزات متقدمة مثل Migrations وتحسين الأداء. 💡 ملاحظة: لم يكن هناك EF 2.0 أو EF 3.0 رسميًا. 🚀 لماذا تم تطوير Entity Framework Core؟ مع ظهور .NET Core، احتاجت مايكروسوفت إلى نسخة خفيفة وعصرية م...
قراءة المزيد