كيفية طباعة محتوى HTML محدد بالنقر فوق الزر

عند محاولة طباعة محتوى HTML محدد عند النقر فوق الزر، فمن الضروري تجنب طباعة صفحة الويب بأكملها. فيما يلي نهج شامل:

الاستفادة من استعلامات الوسائط

@media print {
  .noPrint {
    display: none;
  }
}

تعيين العناصر التي تريد طباعتها باستخدام CSS محدد المحددات، مثل:

اطبعني

لا طباعة

  print me


  no print

أرفق حدث نقرة على الزر الخاص بك لبدء الطباعة:

اطبعني

  Print Me

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