يعد عرض الصور على صفحات الويب جزءا مهما من إنشاء محتوى جذاب. عندما ينقر المستخدم على صورة ، غالبا ما يكون من الضروري فتحها في نافذة جديدة بحجم أكبر أو للحصول على عرض أكثر تفصيلا. في هتمل ، هناك طريقة سهلة للقيام بذلك باستخدام علامات وسمات متعددة.
بادئ ذي بدء ، ستحتاج إلى الحصول على صورة تريد فتحها في نافذة جديدة. يمكنك استخدام الصور الخاصة بك أو تنزيلها من الإنترنت. ثم ، لصق العلامة في رمز هتمل ، حول الصورة.
مثال:
يجب تحديد المسار إلى الصورة في سمة هريف. لفتح الصورة في نافذة جديدة ، أضف السمة الهدف="_فراغ". وبالتالي ، عندما ينقر المستخدم على الصورة ، سيتم فتحها في علامة تبويب جديدة أو نافذة متصفح.
- إنشاء رابط لصورة
- فتح الرابط في نافذة جديدة
- باستخدام الهدف = "_فراغ" السمة
- وضع ريل = "نوبينر نوريفيرر" السمة
- مزايا فتح صورة في نافذة جديدة
- سؤال وجواب
إنشاء رابط لصورة
في هتمل ، يمكنك إنشاء رابط لصورة بحيث يمكن للمستخدمين فتحه في نافذة أو علامة تبويب جديدة. يمكن أن يكون هذا مفيدا إذا كنت تريد أن يتمكن المستخدمون من عرض الصورة بحجم أكبر أو في نافذة منفصلة دون مغادرة موقعك.
لإنشاء ارتباط إلى صورة ، تحتاج إلى استخدام علامة مرساة وسمة (مرجع ارتباط تشعبي). يمكنك تحديد المسار إلى ملف الصورة كقيمة السمة هريف.
هنا مثال على التعليمات البرمجية:
اسم الصورة
أين هو " الطريق إلى الصورة.جبغ "هو المسار إلى صورتك ، و" اسم الصورة " هو النص الذي سيتم عرضه كرابط للصورة.
على سبيل المثال:
افتح صورة
في هذا المثال ، إذا نقر المستخدم على النص "صورة مفتوحة" ، سيتم فتح ملف الصورة " الموافقة المسبقة عن علم.جبغ" من مجلد "الصور".
أيضا ، لفتح صورة في نافذة جديدة ، يمكنك استخدام السمة والقيمة "_فراغ". على سبيل المثال:
افتح صورة
الآن ، عندما ينقر المستخدم على الرابط ، سيتم فتح الصورة في علامة تبويب أو نافذة جديدة ، اعتمادا على إعدادات المتصفح.
إنشاء رابط لصورة في هتمل بسيط جدا. يمكنك استخدام هذه الطريقة لمنح المستخدمين الفرصة لعرض صورك في نافذة أو علامة تبويب جديدة.
فتح الرابط في نافذة جديدة
فتح رابط في نافذة جديدة هي واحدة من الميزات التي تقدمها هتمل. يمكن أن يكون مفيدا في الحالات التي تريد فيها فتح الرابط في علامة تبويب جديدة أو نافذة متصفح حتى يتمكن المستخدمون من حفظ الصفحة الحالية لأنفسهم أو العودة إليها لاحقا. فيما يلي بعض الطرق لفتح رابط في نافذة جديدة:
- نافذة.فتح (): طريقة أخرى هي استخدام نافذة وظيفة جافا سكريبت.فتح (). على سبيل المثال,
- تحديد السمات:يمكنك أيضا تحديد نافذة المتصفح الخاصة بك باستخدام السمات الموجودة في العلامة. على سبيل المثال,
- استخدم هذه الطرق لتزويد المستخدمين بالقدرة على فتح الروابط في نوافذ المتصفح الجديدة ، وفقا لتفضيلاتهم واحتياجاتهم.
باستخدام الهدف="_فراغ"
السمة الهدف = "_فراغ" يتم استخدام السمة في هتمل لفتح رابط أو صورة في نافذة متصفح جديدة أو علامة تبويب. تتم إضافة هذه السمة إلى العلامة أو لتعيين الغرض من فتح الارتباط.
على سبيل المثال ، لفتح صورة في نافذة جديدة ، يمكنك استخدام التعليمات البرمجية التالية:
إضافة العلامة التي سوف تحتوي على الصورة ، السمة هريف مع وصلة إلى الصورة ، والهدف = "_بلانك" السمة.
- تضمين العلامة داخل العلامة .
- حدد المسار إلى الصورة في سمة سرك للعلامة.
- مثال على الكود:
عند النقر فوق صورة ، سيتم فتحها في نافذة جديدة أو علامة تبويب متصفح.
وضع ريل = "نوبينر نوريفيرر" السمة
وضع ريل = "نوبينر نوريفيرر" السمة هي خطوة هامة عند فتح صورة في نافذة جديدة في هتمل. يتم استخدام هذه السمة لضمان سلامة وأمن المستخدم.
تحدد سمة ريل العلاقة بين المستند الحالي والمستند المرتبط ، وهو في هذه الحالة نافذة جديدة سيتم فيها فتح الصورة.
قيمة" نوبينر "في السمة ريل يخبر المتصفح أنه ليس من الضروري إنشاء اتصال جديد بين ويندوز ، مما يساعد على منع بعض أنواع الهجمات ، مثل "نافذة".فتاحة"
قيمة" نوريفيرر " في السمة ريل يمنع نقل المعلومات حول عنوان ورل الأصلي (المحيل) إلى نافذة جديدة. كما أنه يساعد على زيادة أمن وحماية بيانات المستخدم السرية.
معرفة المزيد عن قيمة ريل = "نوبينر نوريفيرر" السمة:
يتم استخدام قيمة " نوبينر "لمنع الوصول إلى الكائنات العالمية من نافذة المرسل من خلال "نافذة".فتاحة " الملكية. هذا يمنع الهجمات المحتملة بناء على الوصول إلى نافذة المرسل.
- قيمة" نوريفيرر " يمنع إرسال معلومات حول المحيل (ورل المصدر) ، والتي يمكن أن تقلل من نقاط الضعف المحتملة المتعلقة بسرية بيانات المستخدم.
- مثال على استخدام ريل = "نوبينر نوريفيرر" السمة:
مثال
| الوصف | |
|---|---|
في هذا المثال ، سيؤدي النقر فوق الصورة إلى فتح نافذة جديدة بها صورة بالحجم الكامل. وفي الوقت نفسه ، فإن استخدام ريل="نوبينر نوريفيرر" السمة يضمن سلامة وحماية المستخدمين. | باستخدام ريل = "نوبينر نوريفيرر" السمة في علامة فتح الرابط يحمي المستخدمين ويمنع نقاط الضعف المحتملة المرتبطة فتح صورة في نافذة جديدة. |
مزايا فتح صورة في نافذة جديدة
يحتوي فتح صورة في نافذة جديدة في تطوير الويب على عدد من المزايا التي يمكن أن تكون مفيدة لتحسين تجربة المستخدم:
رؤية أفضل للصورة: من خلال فتح صورة في نافذة جديدة ، يمكن للمستخدم زيادة حجمها وفحص الصورة بالتفصيل. هذا مفيد بشكل خاص للصور أو الرسوم التوضيحية أو غيرها من الصور عالية الدقة التي قد تحتوي على تفاصيل إضافية أو عناصر صغيرة.
مقارنة صورة مريحة: يتيح فتح صور متعددة في نوافذ منفصلة للمستخدم مقارنتها بسهولة. يمكن أن يكون هذا مفيدا ، على سبيل المثال ، عند اختيار منتج ، عندما تحتاج إلى مقارنة خيارات أو بدائل مختلفة.
حفظ الصورة بسرعة وسهولة: يمكن للمستخدم حفظ الصورة بسهولة عن طريق فتحها في نافذة جديدة. يمكن أن يكون هذا مفيدا عندما يريد المستخدم حفظ صورة على أجهزته لاستخدامها لاحقا.
إنشاء معارض أو عروض شرائح: يمكن أن يكون فتح صورة في نافذة جديدة أساسا لإنشاء معارض أو عروض شرائح حيث يمكن للمستخدم التبديل بين الصور أو عرضها في وضع ملء الشاشة أو تنفيذ إجراءات أخرى.
الحماية ضد التداخل: في بعض الحالات ، يمكن أن يكون فتح صورة في نافذة جديدة مفيدا لمنع تداخل أو تداخل عناصر الواجهة الأخرى على الصورة نفسها ، خاصة في الحالات التي تحتوي فيها الصورة على معلومات أو تفاصيل مهمة يجب أن تكون مرئية بالكامل.
بشكل عام ، يوفر فتح صورة في نافذة جديدة مزيدا من المرونة والراحة للمستخدمين ، مما يسمح لهم بالتفاعل بشكل أفضل مع الصور الموجودة على صفحة الويب.
سؤال وجواب