Чӣ гуна оптимизатсия кардани саҳифаҳои веб барои чоп…

Барои оптимизатсияи саҳифаҳо барои чоп, истифода мешаванд CSS медиазапросҳо бо намуди print.

Пинҳон кардани унсурҳои нолозим: Унсурҳое, ки набояд дар чоп нишон дода шаванд, пинҳон карда мешаванд (навигация, поёнҳо, блокҳои реклама, тугмаҳо).
```
/* Пинҳон кардани дар чоп */
@media print {
  nav, footer, aside, .ad-block, button {
    display: none;
  }
}
```
Намудани мазмуни пинҳоншуда: Агар мазмун дар экран пинҳон бошад, аммо барои чоп зарур бошад (масалан, URL-и пайвандҳо), онро нишон додан мумкин аст.
```
@media print {
  a[href]:after {
    content: " (" attr(href) ")"; /* URL-ро пас аз пайванд илова мекунад */
  }
}
```

Бозгардонии услубҳо: Бозгардонии услубҳои махсус барои экран: тасвирҳои фонӣ/рангҳо, сояҳо, фосилаҳо, андозаи ҳарф.

@media print {
  body {
    background: none !important; /* Нест кардани тасвир/ранги фон */
    color: #000; /* Матни сиёҳ барои хонданаш осонтар */
  }
  * {
    box-shadow: none !important; /* Нест кардани сояҳо */
    text-shadow: none !important; /* Нест кардани сояҳои матн */
  }
  p, h1, h2, h3, h4, h5, h6 {
    orphans: 3; /* Пешгирӣ аз сатрҳои танҳо дар оғози/охири саҳифа */
    widows: 3; /* Пешгирӣ аз сатрҳои танҳо дар оғози/охири параграф */
  }
}

Идоракунии парокандагии саҳифа: Истифодаи хусусиятҳои page-break-before, page-break-after, page-break-inside барои назорати парокандагии саҳифа.

@media print {
  article h2 {
    page-break-before: always; /* Оғоз кардани бахши нав дар саҳифаи нав */
  }
  ul, ol {
    page-break-inside: avoid; /* Пешгирӣ аз парокандагии рӯйхат дар дохили он */
  }
}

Оптимизатсияи тасвирҳо ва ҷадвалҳо: Кам кардани андозаи тасвирҳо, таъмин кардани намоиши дурустии ҷадвалҳо.

@media print {
  img {
    max-width: 100% !important; /* Меъёри тасвирро дар саҳифа нигоҳ медорад */
  }
  table {
    width: 100% !important; /* Ҷадвал дар тамоми паҳнои саҳифа */
    border-collapse: collapse; /* Нест кардани фосилаҳо байни ҳуҷайраҳо */
  }
  th, td {
     border: 1px solid #ccc; /* Илова кардани марзҳо ба ҳуҷайраҳо */
  }
}

Услубҳои махсус барои чоп: Шумо метавонед як CSS-и ҷудогона барои чоп созед ва онро бо медиазапрос пайваст кунед.
```
<link rel="stylesheet" href="styles.css" media="screen">
<link rel="stylesheet" href="print.css" media="print">
```
Тест: Боварӣ ҳосил кунед, ки натиҷаро бо истифода аз функсияи "Пешнамоиши чоп" дар браузер санҷед.

Чӣ гуна оптимизатсия кардани саҳифаҳои веб барои чоп кардан?