Úvodná » ako » Geek Rants Prečo toľko webových stránok nepoužíva tlačové štýly?

    Geek Rants Prečo toľko webových stránok nepoužíva tlačové štýly?

    Nikdy ma neprekvapí, že ľudia musia hľadať odkaz alebo tlačidlo, ktoré hovorí "Tlačiť" na webovej stránke, najmä vzhľadom na to, že existuje technológia zázrakov, ktorá robí tento krok zbytočným. Bohužiaľ takmer nikto ho nepoužíva, aj keď je ... 10 rokov.

    Nielenže je hlúpe požadovať ďalší krok pre tlač, ale tlač štýlov tlače by ušetrilo nejaký atrament pre každého, kto nepoužíva vytlačiteľný odkaz. Samozrejme, existuje veľa ľudí, ktorí používajú tlač v PDF na uloženie článkov na neskôr bez plytvania papiera.

    Čo sú tlačové hárky??

    Väčšina webových stránok implementuje svoju tlačovú funkciu tým, že vás prenesie na inú stránku, ktorá je pre tlačiarne formátovaná inak - ale to naozaj nie je potrebné. Každý prehliadač implementuje jednoduchú technológiu CSS známu ako Print Stylesheets, ktorá nie je nič iného než súbor, ktorý určuje prvky, ktoré sa majú skryť, keď váš prehliadač vytlačí stránku.

    Pre tých, ktorí nie sú oboznámení, CSS znamená kaskádové štýly a váš prehliadač vie, ako formátovať zdrojový kód HTML pre webovú stránku do toho, čo na obrazovke skutočne vidíte. Všetko od písma, farieb, okrajov a dokonca aj pozadia obrázkov je možné špecifikovať v štýle štýlov.

    Pridanie tlačového štýlu tlače je rovnako jednoduché, ako pripojenie tohto jediného riadku do vašej stránky HTML - médium = tlač časť kódu hovorí prehliadač používať tento štýl listu iba pri tlači.

    Tento súbor spravidla vyzerá takto:

    #sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display: none

    Áno, je to naozaj tak jednoduché. Tak ako to funguje? Tu je príklad normálnej webovej stránky na ľavej strane, pričom celá navigácia, logo a reklamy sú zreteľne viditeľné spolu s priradeným ID - a vpravo, rovnaká stránka s použitou šablónou štýlu tlače, ktorá skrýva všetky tieto prvky.

    Je zrejmé, že by ste radšej vytlačili jeden z nich nad druhým, správne?

    Príklady zlyhania tlačového štýlu

    Bohužiaľ, existuje len veľa obrovských webových stránok, ktoré sa neobťažujú, aby to vôbec vykonali. Pozrite sa, čo sa stane, keď sa pokúsite vytlačiť z New York Times:

    Niektoré stránky, ako je sieť lokalít spoločnosti Gawker, sú ešte horšie. Nielenže nemajú vytlačiteľný pohľad, keď vyskúšate a tlačíte, pripomína atramentovú polievku. Pokiaľ môžeme povedať, nie je možné tlačiť z lokality Gawker bez použitia samostatnej služby, ako je Čitateľnosť, alebo manuálne zvýraznenie obsahu na stránke, čo je takmer nemožné v novom dizajne.

    Je to smutné, naozaj. Náplň najväčších webových stránok úplne nedokáže obťažovať implementáciou tejto funkcie.

    Našťastie niektoré stránky ich používajú

    Tu je príklad správne formátovaného výtlačku - bez toho, aby sme museli obťažovať nájdenie tlačového odkazu. Stránka BBC News úhľadne formuje články pre tlač, s vlastnou hlavičkou. Zahŕňajú komentáre v zobrazení tlače, ale je to stále dobre vykonaná práca.

    Je tu dosť ďalších webových stránok, ktoré robia to isté, ako ArsTechnica a ... naše stránky, ale bolo by hlúpe zobrazovať screenshoty všetkých z nich. V našom výskume stránky, ktoré ich správne implementovali, sú málo a ďaleko.


    Takže, aby ste sa zabalili ... prosím vykonajte 5 minút potrebných na implementáciu tlačového štýlu pre vaše stránky!