القيمة والوصف لخاصية الهدف

📚 معلومات الصفحة

الكتاب: كتاب المهارات الرقمية - الصف 10 - الفصل 1 | المادة: المهارات الرقمية | المرحلة: الصف 10 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📝 ملخص الصفحة

ملخص المحتوى التعليمي:

يتناول هذا الجزء من الدرس خاصية `target` في لغة HTML والتي تُستخدم مع الروابط التشعبية (``) لتحديد مكان فتح الصفحة المرتبطة بالرابط.

قيم خاصية `target` ووظيفة كل منها:

| القيمة | الوصف |

|----------|-----------------------------------------|

| `_blank` | ستفتح الصفحة في علامة تبويب جديدة. |

| `_self` | ستفتح الصفحة في علامة التبويب نفسها. |

| `_parent`| ستفتح الصفحة في النافذة الرئيسة. |

| `_top` | ستفتح الصفحة في محتوى النافذة. |

مثال تطبيقي:

يظهر في الصفحة مثال على كود HTML يستخدم خاصية `target="_blank"` لإنشاء رابط يشير إلى موقع وزارة التعليم السعودية (`https://www.moe.gov.sa/`)، حيث سيتم فتح هذا الموقع في علامة تبويب جديدة عند النقر على النص "اضغط هنا".

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

نوع: محتوى تعليمي

خاصية الهدف

نوع: محتوى تعليمي

عندما تستخدم خاصية الهدف (Target) في معلومات الارتباط التشعبي، فإنك تحدد موقع الصفحة المرتبطة بعنوان URL هذا.

نوع: محتوى تعليمي

مثال توضيحي

نوع: محتوى تعليمي

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
  <title>Examples</title>
  <meta charset="UTF-8" />
</head>
<body>
  <a href="https://www.moe.gov.sa/" target="_blank">اضغط هنا</a>
</body>
</html>

🔍 عناصر مرئية

HTML code and browser window showing the effect of target="_blank"

The figure displays an HTML code snippet for a hyperlink with the target attribute set to '_blank'. Below the code, a browser window is shown, with the URL 'https://www.moe.gov.sa/ar/Pages/default.aspx' visible in the address bar. The link text 'اضغط هنا' is highlighted with a blue arrow pointing to it, indicating it's the interactive element. The browser window also shows typical UI elements like tabs, navigation buttons, and a search bar.

📄 النص الكامل للصفحة

خاصية الهدف

عندما تستخدم خاصية الهدف (Target) في معلومات الارتباط التشعبي، فإنك تحدد موقع الصفحة المرتبطة بعنوان URL هذا.

--- SECTION: القيمة والوصف لخاصية الهدف ---


--- SECTION: مثال توضيحي ---
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
  <title>Examples</title>
  <meta charset="UTF-8" />
</head>
<body>
  <a href="https://www.moe.gov.sa/" target="_blank">اضغط هنا</a>
</body>
</html>

--- VISUAL CONTEXT ---
**TABLE**: Untitled
Description: No description
Table Structure:
Headers: القيمة | الوصف
Rows:
Row 1: blank_ | ستفتح الصفحة في علامة تبويب جديدة.
Row 2: self_ | ستفتح الصفحة في علامة التبويب نفسها.
Row 3: parent_ | ستفتح الصفحة في النافذة الرئيسية.
Row 4: top_ | ستفتح الصفحة في محتوى النافذة.
Context: Illustrates the different values for the 'target' attribute in HTML links and their corresponding behaviors.

**FIGURE**: HTML code and browser window showing the effect of target="_blank"
Description: The figure displays an HTML code snippet for a hyperlink with the target attribute set to '_blank'. Below the code, a browser window is shown, with the URL 'https://www.moe.gov.sa/ar/Pages/default.aspx' visible in the address bar. The link text 'اضغط هنا' is highlighted with a blue arrow pointing to it, indicating it's the interactive element. The browser window also shows typical UI elements like tabs, navigation buttons, and a search bar.
Data: Visual demonstration of how an HTML link with target='_blank' functions in a web browser.
Key Values: target="_blank" opens link in new tab
Context: Provides a practical example of the HTML 'target' attribute, showing how it affects link behavior in a browser environment.

🎴 بطاقات تعليمية للمراجعة

عدد البطاقات: 4 بطاقة لهذه الصفحة

أي من أكواد HTML التالية يفتح الرابط في علامة تبويب جديدة عند النقر عليه؟

أ) <a href="https://example.com" target="_new">زيارة الموقع</a>
ب) <a href="https://example.com" target="_blank">زيارة الموقع</a>
ج) <a target="_blank">https://example.com</a>
د) <a href="_blank" target="https://example.com">زيارة الموقع</a>

الإجابة الصحيحة: b

الإجابة: <a href="https://example.com" target="_blank">زيارة الموقع</a>

الشرح: الكود الصحيح يستخدم وسم الرابط `<a>` مع السمة `href` للعنوان، والسمة `target` مع القيمة `_blank` لفتح الرابط في علامة تبويب جديدة.

تلميح: ابحث عن الكود الذي يحتوي على الخاصية والقيمة الصحيحة لفتح نافذة جديدة.

التصنيف: سؤال اختبار | المستوى: صعب

إذا أردت أن يفتح الرابط في نفس علامة التبويب أو النافذة الحالية، فما القيمة الصحيحة لخاصية `target`؟

أ) _blank
ب) _self
ج) _top
د) _same

الإجابة الصحيحة: b

الإجابة: _self

الشرح: القيمة `_self` هي القيمة الافتراضية لخاصية `target`. عند استخدامها (أو عدم تحديد الخاصية)، ستفتح الصفحة المرتبطة في نفس إطار أو علامة التبويب الحالية، مما يؤدي إلى استبدال المحتوى الحالي.

تلميح: هذه هي القيمة الافتراضية للخاصية، وتعني 'نفسه'.

التصنيف: مفهوم جوهري | المستوى: متوسط

ما الغرض من استخدام خاصية `target` في رابط HTML؟

أ) تحديد لون النص الخاص بالرابط.
ب) تحديد موقع فتح الصفحة المرتبطة بعنوان URL.
ج) تحديد حجم الخط المستخدم في الرابط.
د) تحديد عنوان الصفحة التي سيتم ربطها.

الإجابة الصحيحة: b

الإجابة: تحديد موقع فتح الصفحة المرتبطة بعنوان URL.

الشرح: خاصية `target` في وسم `<a>` (الرابط التشعبي) تُستخدم للتحكم في كيفية فتح الصفحة المرتبطة. فهي تحدد ما إذا كانت ستفتح في نافذة أو علامة تبويب جديدة، أو في نفس النافذة الحالية.

تلميح: تتعلق هذه الخاصية بمكان ظهور المحتوى الجديد عند النقر على الرابط.

التصنيف: تعريف | المستوى: سهل

ما القيمة التي يجب تعيينها لخاصية `target` في رابط HTML لفتح الصفحة المرتبطة في علامة تبويب جديدة؟

أ) _self
ب) _parent
ج) _blank
د) _new

الإجابة الصحيحة: c

الإجابة: _blank

الشرح: القيمة `_blank` لخاصية `target` تخبر المتصفح بفتح الرابط في نافذة أو علامة تبويب جديدة، مما يحافظ على الصفحة الحالية مفتوحة.

تلميح: هذه القيمة مرتبطة بإنشاء مساحة جديدة لعرض المحتوى.

التصنيف: صيغة/خطوات | المستوى: متوسط