recent
أخبار ساخنة

عرض ملفات pdf في موقعك عن طريق HTML

عرض ملفات pdf في موقعك عن طريق HTML

الوسم embed في HTML

في بعض الاحيان ترغب بعرض الملفات بصيغة PDF عبر موقعك حتى يقوم المستخدم بقراءة محتوى ملف PDF بشكل سهل.

الوسم <embed> في HTML يُستخدم لإدماج محتوى خارجي في صفحة الويب، مثل ملفات PDF , الفيديوهات , أو الصوتيات. يعتبر وسماً غير متضمن في مواصفات HTML5، لكنه لا يزال مدعوماً على نطاق واسع.

في درس اليوم سوف نعلمكم كيفية اضافة ملفات PDF باسهل طريقة الى موقعك من خلال HTML

لاضافة ملفات PDF الى موقعك من خلال العنصر embed وهو وسم سنغل ويكتب بالشكل

<embed />

 ونستخدم ضمنه الميزة src لكي نتمكن من تحديد المصدر لملف PDF.

سوف نقوم باضافة ملف PDF الى مجلد العمل الحالي الخاص بنا على سبيل المثال اسمه nusur.

يجب ان يكون اسم الملف باللغة الانكليزية و خالي من الفراغات او الاشكال الخاصة ماعدا اشارة اندرسكور.

وسيكون شكل استدعاء الملف بالشكل الاتي 

<embed src="nusur.pdf" />

 الان نقوم بفتح الملف الذي نعمل عليه لنرى النتيجة وسوف تكون بالشكل.


ويمكن ايضا تحديد العرض والارتفاع لهذا الملف على سبيل المثال نريد العرض 90% و الارتفاع 400 

<embed src="nusur.pdf" width="90%" height="400"/>

المستخدم قادر على طباعة الملف بشكل مباشر من الموقع و قادر ايضا على تحميله.


  1. تأكد من أن المتصفح يدعم نوع المحتوى الذي تحاول إدماجه.
  2. يمكن أن يكون استخدام <embed> مفيداً بشكل خاص لتضمين ملفات الوسائط المتعددة أو الوثائق مباشرةً في صفحات الويب.

ملاحظة

المتصفحات الذي لا تدعم هذه الميزة سوف يطلب من المستخدم تحميل ملف على جهازه وثم فتحه بدل عرضها بشكل مباشر من خلال الموقع.

google-playkhamsatmostaqltradent