Web-sivuja on tarkoitus tarkastella näytöllä . Vaikka sivuston (pöytätietokoneet, kannettavat tietokoneet, tabletit, puhelimet, vaatekappaleet, televisiot jne.) Voi katsella monenlaisia mahdollisia laitteita , ne kaikki sisältävät jonkinlaisen näytön. On olemassa toinen tapa, jolla joku voi tarkastella verkkosivustoasi tavalla, joka ei sisällä näyttöä. Tarkoitamme fyysistä tulostusta verkkosivuillesi.
Vuosia sitten huomaat, että ihmiset tulostavat verkkosivustoja olivat melko yleinen skenaario. Muistamme tapaamisen useilla asiakkailla, jotka olivat uuteen verkossa ja tuntuivat miellyttävämmäksi tarkastelemaan sivuston painettuja sivuja. Sitten he antoivat meille palautetta ja muokkivat näitä papereita sen sijaan, että katselemme näyttöä keskustellaksemme verkkosivuilla. Koska ihmiset ovat mukavampia elämässään, ja koska ne ovat kerrottu monta kertaa, olemme nähneet yhä harvemmin ihmisiä, jotka yrittävät tulostaa verkkosivuja paperille, mutta se ei vielä tapahdu. Voit halutessasi harkita tätä ilmiötä, kun suunnittelet verkkosivustosi. Haluatko, että ihmiset tulostavat verkkosivustosi? Ehkä et. Jos näin on, sinulla on joitain vaihtoehtoja.
Web-sivun estäminen tulostuksesta CSS: llä
CSS: n käyttö on helppoa, jotta ihmiset eivät voi tulostaa verkkosivuja. Sinun tarvitsee vain luoda 1-rivinen tyylitaulukko nimeltä "print.css", joka sisältää seuraavan CSS-rivin.
body {display: none; }Tämä yksi tyyli muuttaa sivusi "ruumiin" elementin olemattomaksi - ja koska kaikki sivuillasi on ruumiinelementin lapsi, tämä tarkoittaa sitä, että koko sivu / sivusto ei näy.
Kun olet saanut "print.css" -tyylasivun, lataat sen HTML-muotoon tulostustyylilomakkeeksi. Näin voit tehdä sen - lisää vain seuraava rivi HTML-sivujen "pää" -elementtiin.
Edellä olevan rivin tärkeä osa on lihavoituna - tämä on tulostustyyli. Nämä tiedot kertovat selaimelle, että jos tämä web-sivu on asetettu tulostettavaksi, voit käyttää tätä tyylitaulukkoa sen sijaan, että sivustot käyttävät näyttötyökalua oletusarvoisesti. Kun sivut siirtyvät tähän "print.css" -arkiin, tyyli, jolla koko sivu näkyy, ei auta, ja kaikki, jotka tulostuvat, olisi tyhjä sivu.
Block yksi sivu kerrallaan
Jos sinun ei tarvitse estää paljon sivuja sivustossasi, voit estää tulostuksen sivusivulla, sillä seuraavat tyylit liitetään HTML-koodisi päähän.