Versioni i printueshëm i faqes html. Stilet CSS për printim i harrova

Abbr: pas (përmbajtja: "(" attr (titulli) ")";)

10. Printim i detyruar në sfond

Header (-webkit-print-color-adjust: exact; print-color-adjust: exact;)

11. Pyetjet mediatike

Ekrani @media dhe (gjerësia min.: 48em) (/ * vetëm ekrani * /)
Pse është kështu? Kjo ndodh sepse rregullat CSS zbatohen vetëm nëse gjerësia min është 48em dhe nëse lloji i medias është ekran. Nëse heqim qafe fjalën kyçe të ekranit në këtë pyetje të medias, atëherë ai do të kufizohet vetëm nga vlera min-width.

@media (min. gjerësi: 48em) (/ * të gjitha llojet e mediave * /)

12. Shtypja e hartave

Harta (gjerësia: 400 px; lartësia: 300 px; imazhi i sfondit: url ("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype&rualt=maptype&ruatp=ma "); -webkit-print-color-adjust: saktë; print-color-adjust: saktë;)

13. Kodet QR

14.Rreth printimit të faqeve të pa optimizuara

Etiketa:

• CSS
• vulë
• Zhvillimi i uebit

Ky është një eliminim i gabimeve të quajtura "përmbajtje dublikatë". Përmbajtja e kopjuar do të thotë që përmbajtje e ngjashme shfaqet në shumë vendndodhje (URL) në internet. Si rezultat, motorët e kërkimit nuk e dinë se cilën URL të tregojnë në rezultatet e kërkimit. Kjo mund të dëmtojë renditjen e faqes së internetit të faqes në internet. Problemi përkeqësohet kur njerëzit fillojnë t'i referohen versione të ndryshme përmbajtjen. Në këtë artikull, ne do të diskutojmë shkaqet e përmbajtjes së kopjuar dhe do të gjejmë zgjidhje për secilën prej tyre.

Imagjinoni që jeni në një kryqëzim dhe shenjat rrugore tregojnë në dy drejtime të ndryshme në të njëjtin destinacion përfundimtar: cilën rrugë duhet të merrni? Dhe nëse shkoni në drejtimin "më të keq", fundi i rrugës gjithashtu mund të ndryshojë pak. Si lexues, nuk të intereson: ke marrë përmbajtjen për të cilën po përpiqeshe. Por sistemi i kërkimit duhet të zgjedhë cilën të shfaqë në rezultatet e kërkimit pasi nuk duhet të shfaqë të njëjtën përmbajtje dy herë.

Le të themi se artikulli juaj rreth "fjalë kyçe x" shfaqet në http://www.example.com/keyword-x/ dhe e njëjta përmbajtje shfaqet në http://www.example.com/article-category/keyword-x / . Kjo ndodh në shumë sistemet moderne menaxhimi i përmbajtjes (CMS). Artikulli juaj është marrë nga disa blogerë, disa prej të cilëve janë lidhur me URL-në e parë, të tjerët janë lidhur me URL-në e dytë. Kjo përmbajtje e kopjuar është një problem për faqen tuaj të internetit, pasi lidhjet reklamojnë URL të ndryshme në të njëjtën kohë. Nëse të gjitha lidhen me të njëjtën URL, renditja juaj në top 10 për "fjalë kyçe x" do të ishte shumë më e lartë.

1. Arsyet për përmbajtjen e kopjuar

Ka shumë arsye për përmbajtje të kopjuar. Shumica e tyre janë teknike: nuk ndodh shpesh që një person vendos të postojë të njëjtën përmbajtje në dy vende të ndryshme pa theksuar burimin origjinal. Megjithatë, arsyet teknike janë të shumta. Kjo është kryesisht për shkak se zhvilluesit nuk mendojnë si një shfletues ose një përdorues, e lëre më një rrjetë motorësh kërkimi, ata mendojnë si një zhvillues. Por çfarë ndodh me artikullin e mësipërm që shfaqet në http://www.example.com/keyword-x/ dhe http://www.example.com/article-category/keyword-x/? Nëse pyet zhvilluesin, ai do të thotë se ajo është vetëm.

Le të hedhim një vështrim se si të identifikojmë përmbajtjen e kopjuar në faqen tuaj të internetit dhe të shpjegojmë pse dhe të bëjmë çmos për ta rregulluar atë.

1.1 moskuptimi i kuptimit të URL-ve

Zhvilluesi thjesht flet një gjuhë tjetër. Ju mund të shihni se i gjithë faqja është e pajisur ndoshta me një sistem bazë të dhënash. Ekziston vetëm një artikull në këtë bazë të dhënash, software një faqe interneti thjesht ju lejon të gjeni të njëjtin artikull në një bazë të dhënash nëpër URL të shumta. Kjo ndodh sepse, në sytë e zhvilluesit, ID-ja unike për këtë artikull është ID-ja e artikullit që ndodhet në bazën e të dhënave, jo URL-ja. Sidoqoftë, për një motor kërkimi, një URL është një identifikues unik për një pjesë të përmbajtjes. Nëse ia shpjegon këtë një zhvilluesi, ata do ta shohin problemin. Dhe pasi të keni lexuar këtë artikull, mund t'i jepni menjëherë zgjidhjen.

1.2. ID-të e sesionit të vizitorëve

Kur gjurmoni vizitorët dhe ofroni mundësinë për të ruajtur artikujt që duan të blejnë në karrocën e tyre të blerjeve, ju po u jepni atyre një seancë. Një seancë është në thelb Histori e shkurtërçfarë ka bërë një vizitor në faqen tuaj dhe mund të përmbajë gjëra të tilla si artikuj në një karrocë blerjesh. Për të ruajtur seancën e një vizitori që kalon nga një faqe në tjetrën, duhet të ruani një identifikues unik për këtë sesion diku, të ashtuquajturin identifikues të sesionit. Zgjidhja më e zakonshme është ta bëni atë me duke përdorur një cookie... Megjithatë, motorët e kërkimit zakonisht nuk ruajnë cookie.

Disa sisteme kthehen në përdorimin e ID-ve të sesioneve në URL. Kjo do të thotë që çdo lidhje e brendshme në faqen e internetit merr këtë ID të sesionit të bashkangjitur në URL-në, dhe meqenëse kjo ID e sesionit është unike për atë sesion, krijon një URL të re dhe kështu kopjon përmbajtjen.

1.3. Parametrat e URL-së që përdoren për gjurmimin dhe renditjen

Një arsye tjetër për përmbajtjen e kopjuar është përdorimi i parametrave të URL-së që nuk ndryshojnë përmbajtjen e faqes, si për shembull në lidhjet e gjurmimit. Ju shikoni, http://www.example.com/keyword-x/ dhe http://www.example.com/keyword-x/?source=rss nuk janë në të vërtetë e njëjta URL për motorin e kërkimit ... Kjo e fundit mund t'ju lejojë të mbani gjurmët se nga cilat burime vijnë vizitorët tuaj, por gjithashtu mund t'ju vështirësojë renditjen. Një efekt anësor shumë i padëshiruar!

Nuk është vetëm gjurmimi i parametrave, natyrisht, ka të bëjë me çdo parametër që mund të shtoni në një URL që nuk ndryshon një pjesë jetike të përmbajtjes. Ky cilësim synon "të ndryshojë renditjen sipas koleksionit të produktit" ose "tregojë një shirit anësor tjetër", të cilat të gjitha shkaktojnë përmbajtje të kopjuar.

1.4. Parimi i përmbajtjes dhe sindikimi

Shumica e arsyeve për përmbajtje të kopjuar janë tuajat ose tuajat të paktën, për fajin e faqes suaj të internetit, kur sajte të tjera përdorin përmbajtjen tuaj me ose pa pëlqimin tuaj. Ata nuk lidhen gjithmonë me artikullin tuaj origjinal dhe kështu motori i kërkimit nuk e "merr" atë dhe ju duhet të përballeni me një version tjetër të të njëjtit artikull. Sa më popullor të bëhet faqja juaj, aq më shpesh do ta gërvishtni atë, duke e zgjeruar gjithnjë e më shumë këtë problem.

1.5. Renditja e parametrave

Një arsye tjetër e zakonshme është se CMS nuk përdor URL të bukura dhe të pastra, por URL si / id = 1 & cat = 2, ku ID i referohet një artikulli dhe cat i referohet një kategorie. Url /? Cat = 2 & id = 1 do të japin të njëjtat rezultate në shumicën e sistemeve të faqeve, por në fakt ato janë krejtësisht të ndryshme për motorin e kërkimit.

1.6. Faqerojtja e komenteve

WordPress-i im i preferuar, si dhe disa sisteme të tjera, ka aftësinë për të faqezuar komentet. Kjo rezulton në përmbajtje të kopjuar në url-në e artikullit dhe url-në e artikullit + / koment-faqe-1 /, / koment-faqe-2 /, etj.

1.7. versioni i printuar

Nëse sistemi juaj i menaxhimit të përmbajtjes krijon faqe të printueshme dhe ju i lidhni ato me faqet e artikujve tuaj, Google do t'i gjejë në shumicën e rasteve nëse nuk i bllokoni ato në mënyrë specifike. Cilin version do të shfaqë Google? Një që është i ngarkuar me reklama dhe përmbajtje periferike, apo ai që përmban vetëm artikullin tuaj?

1.8. me WWW dhe pa WWW

Një nga situatat e vjetra: domeni me WWW dhe pa WWW, përmbajtje dublikate, në rastin kur të dy versionet e faqes tuaj janë të disponueshme. Një situatë tjetër më pak e zakonshme që ekziston: http dhe https kopjoni përmbajtjen kur e njëjta përmbajtje dërgohet në të dy adresat.

2. Zgjidhja konceptuale: URL "kanonike".

Siç përkufizohet më sipër, të kesh URL të shumta që çojnë në të njëjtën përmbajtje është një problem, por ai mund të zgjidhet. Një person që punon për të njëjtin botim zakonisht mund t'ju tregojë lehtësisht se cila duhet të jetë URL-ja "e saktë" për një artikull të caktuar. Por gjëja qesharake është se ndonjëherë kur pyet tre persona në të njëjtën kompani, ata japin tre përgjigje të ndryshme ...

Ky është një problem që duhet zgjidhur në raste të tilla, sepse mund të ketë vetëm një adresë përfundimtare (URL). Kjo URL "e saktë" duhet të identifikohet nga motori i kërkimit si URL kanonike.

Shënim ironik

Kanonik është një term që rrjedh nga traditat katolike romake, ku një listë librash të shenjtë u krijua dhe u pranua si autentike. Ata u pagëzuan si ungjijtë kanonik të Dhiatës së Re. Dhe ironia është kjo: Kishës Katolike Romake iu deshën rreth 300 vjet dhe beteja të shumta për të dalë me këtë listë kanonike, dhe ata përfunduan duke zgjedhur 4 versione të së njëjtës histori ...

3. Si të gjeni përmbajtje të kopjuar?

Ju mund të mos e dini nëse keni përmbajtje të kopjuar në faqen tuaj. Këtu janë disa mënyra për të zbuluar:

3.1. Veglat e Google Webmaster

Google Webmaster Tool është një mjet i shkëlqyeshëm për identifikimin e përmbajtjes së kopjuar. Nëse shkoni te Veglat për google webmasters për faqen tuaj, shihni seksionin e Shiko Shiko të HTML Optimization dhe do të shihni këtë:

Problemi është se nëse keni një artikull që duket si një artikull për "Fjala kyçe X" dhe shfaqet në dy kategori, titujt mund të jenë të ndryshëm. Ato mund të jenë, për shembull, " Fjalë kyçe X - Kategoria X - Siti i mostrës "dhe" Fjala kyçe X - Kategoria Y - Faqe e mostrës ". Google nuk do t'i zgjedhë këta tituj si dublikatë, por mund t'i gjeni duke përdorur një kërkim.

3.2. Kërkoni për tituj ose pasazhe

Ka disa operatorët e kërkimit të cilat janë shumë të dobishme për raste të tilla. Nëse dëshironi të gjeni të gjitha URL-të në faqen tuaj që përmbajnë artikullin tuaj me fjalën kyçe X, futni frazën e mëposhtme të kërkimit në Google:

Faqja: shembull.com titulli: "Fjala kyçe X"

Më pas Google do t'ju tregojë të gjitha faqet në example.com që përmbajnë atë fjalë kyçe. Sa më konkretisht ta pasqyroni këtë pjesë të titullit, aq më e lehtë do të jetë të hiqni përmbajtjen e kopjuar. Ju mund të përdorni të njëjtën metodë për të identifikuar përmbajtjen e kopjuar në internet. Le të themi se titulli i plotë i artikullit tuaj ishte "Fjala kyçe X - pse është e lezetshme", ju po kërkoni: Titulli: "Fjala kyçe X - pse është e lezetshme"

Google do t'ju japë të gjitha sajtet që përputhen me atë emër. Ndonjëherë ia vlen të kërkoni një ose dy fjali të plota nga artikulli juaj, pasi disa analizues mund të ndryshojnë titullin.

4. Zgjidhje praktike për përmbajtje dublikate

Kur vendosni se cila URL është URL-ja kanonike për përmbajtjen tuaj, duhet të filloni procesin e kanonikizimit. Kjo në thelb do të thotë që ne duhet të informojmë motorin e kërkimit për versionin kanonik të faqes dhe ta lëmë ta gjejë atë sa më shpejt të jetë e mundur.

Ekzistojnë katër metoda zgjidhjeje, sipas preferencës:

1. Mos krijoni përmbajtje të kopjuar;
2. Ridrejtoni përmbajtjen e kopjuar në URL-në kanonike;
3. Shtoni një element lidhje kanonike në faqen e kopjuar;
4. Shtoni lidhjet HTML nga faqja e dyfishuar në faqen kanonike.

4.1. Si të shmangni përmbajtjen e kopjuar?

Disa nga gabimet e mësipërme të kopjuara të përmbajtjes kanë rregullime shumë të thjeshta:

• A po përdorni ID-të e sesioneve në URL-të tuaja? Ato shpesh thjesht mund të çaktivizohen në cilësimet e sistemit tuaj.
• A keni faqe të kopjuara për të printuar? Kjo është krejtësisht e panevojshme: thjesht duhet të përdorni një fletë stili të printimit.
• Duke përdorur faqet e komenteve në WordPress? Thjesht duhet ta çaktivizoni këtë veçori (në cilësimet e "diskutimit") në 99% të faqeve.
• A janë parametrat e URL-së në renditje të ndryshme? Tregojuni programuesit tuaj të krijojë një skript që ju lejon të përdorni parametrat në të njëjtin rend.
• Keni probleme me gjurmimin e lidhjeve? Në shumicën e rasteve, mund të përdorni gjurmimin e fushatës bazuar në hash në vend të ndjekjes së fushatës së bazuar në parametra.
• Dy versione të një faqeje me WWW dhe pa WWW? Zgjidh një opsion dhe qëndro me të, duke e ridrejtuar njërën te tjetra. Ju gjithashtu mund të jepni përparësi Veglat e Google për webmasterët, por do t'ju duhet të kërkoni të dy versionet e emrit të domenit.

Nëse problemi juaj nuk është i lehtë për t'u rregulluar, ia vlen të bëni çmos për të shmangur përmbajtjen e kopjuar. Kjo është padyshim zgjidhja më e mirë Problemet.

4.2. 301 ridrejtime të kopjuara të përmbajtjes

Në disa raste, nuk është e mundur të parandaloni plotësisht sistemin që po përdorni të gjenerojë URL të pasakta për përmbajtjen, por ndonjëherë ato mund të ridrejtohen. Mbani parasysh këtë kur flisni me zhvilluesit. Gjithashtu, nëse eliminoni fare disa nga çështjet e përsëritura të përmbajtjes, sigurohuni që të ridrejtoni çdo URL të vjetër të kopjuar të përmbajtjes në URL-të e sakta kanonike.

4.3. Përdorimi i lidhjeve rel = "kanonike".

Ndonjëherë nuk ka asnjë mënyrë për të hequr qafe versionin e kopjuar të një artikulli, por ju e dini se është url-ja e gabuar. Për këtë problem të veçantë, motorët e kërkimit kanë futur elementin e lidhjes kanonike. Është postuar në seksion faqen tuaj dhe duket si kjo:

href = "http://example.com/wordpress/seo-

Në kapitullin lidhje kanonike po postoni URL-në e saktë kanonike për artikullin tuaj. Kur Google (ose çdo motor tjetër kërkimi që e mbështet atë) gjen këtë element lidhjeje, ai kryen një ridrejtim automatik të butë: shumica e vlerës së lidhjes së mbledhur nga kjo faqe kalon në faqen tuaj kanonike.

Ky proces është pak më i ngadalshëm se ridrejtimi 301 i përmendur nga John Mueller i Google, të cilin mund ta bëni, gjë që do të ishte shumë e preferueshme.

4.4. Kthehuni në përmbajtjen origjinale

Nëse nuk jeni në gjendje të plotësoni ndonjë nga sa më sipër, mund të jetë sepse nuk keni kontroll mbi seksionin e një sajti që shfaq përmbajtjen tuaj, shtimi i një lidhjeje në artikullin origjinal në krye ose në fund të artikullit është gjithmonë një ide e mirë. Kjo mund të jetë ajo që dëshironi të bëni në burimin tuaj rss: shtoni një lidhje te artikulli në të. Nëse Google has në lidhje të shumta që tregojnë artikullin tuaj, së shpejti do të kuptojë se ky është versioni aktual kanonik i artikullit.

5. Përfundim: Përmbajtja e kopjuar mund të rregullohet, dhe duhet rregulluar!

Përmbajtja e kopjuar është kudo. Ky është një proces që ju duhet të mbani shënim. Nëse korrigjoni gjithçka në kohë, atëherë shpërblimi do të jetë i shumtë. E juaja përmbajtje cilësore mund të ngrihet në qiell në renditje thjesht duke hequr qafe përmbajtjen e kopjuar në faqen tuaj. Sigurisht, nëse keni nevojë për ndihmë për identifikimin e këtyre problemeve, për të ndihmuar zhvilluesit tuaj të gjejnë zgjidhje për të rregulluar problemet e përmbajtjes së dyfishtë, apo edhe për t'i rregulluar këto probleme për ju, gjithmonë mund të porosisni

Dikur ishte thjesht një standard për të krijuar një lidhje ose, për të qenë më të saktë, një buton me etiketën "Print version". Ato nevojiten për të bërë një printim në letër. Versioni i printuar përmban të gjitha informacionin e nevojshëm, por i mungojnë elementet ndërvepruese: butonat, formularët dhe të ngjashme.

Kjo do të thotë që dikush përdor manualisht ose automatikisht një skript
mori dokumentin origjinal dhe, duke hequr gjithçka të panevojshme prej tij, krijoi një kopje të tij,
më i përshtatshëm për printim. Ndoshta punë të ngjashme duhej
bëni edhe ju.

Zgjidhja - printoni fletët e stilit

Një nga gjërat më të mira të CSS është aftësia
krijimi i fletëve të stilit që synojnë një sërë pajisjesh
tërheqje. Jemi mësuar të krijojmë fletë stilesh për të shfaqur faqet
ekran, por ne ende nuk jemi mësuar të mendojmë për mjete të tjera të shfaqjes. DHE,
siç konfirmojnë lidhjet "versioni i printuar", në lidhje me printimin e dokumentit ne
ne mendojmë vetëm për paraqitjen e dokumentit në një formë tjetër.

Por tani nuk kemi asgjë për të frikësuar, tani për të krijuar versioni i printuar
dokument, na duhet vetëm një dokument i strukturuar mirë dhe
fletë stili për printim!

Sot mund të merrni çdo dokument (X) HTML dhe ta përgatisni atë
printimi duke përdorur fletë stili pa prekur shenjën. Dhe tani në
problemet me krijimin dhe sinkronizimin e dy versioneve janë një gjë e së kaluarës
dokument - një për ekran, tjetri për printim. Dhe çfarë është më
e këndshme: është po aq e lehtë sa të vrasësh dardha.

Duke anashkaluar defektin e elementeve lundrues

Shfletuesit Gecko si Netscape 6.x ose Mozilla kanë
problem me printimin e elementeve të gjatë të lundruar.
Nëse elementi lundrues ka shkuar përtej kufijve të faqes së printuar, atëherë
pjesa e mbetur zhduket plotësisht pa u shfaqur në tjetrën
faqe.

Nëse faqja juaj është e ngjashme me "A List Apart", d.m.th. artikujt në të janë
në një bllok të madh lundrues, kjo do të thotë se lexuesit
printimi do të marrë vetëm faqen e parë të artikullit.

Zgjidhja, siç do të prisnit, është të anashkaloni pronën
"Floating" në bllok me tekstin përpara printimit. Me pak fjalë, për të gjithë
elementet e floated vendosen në rregullin e stilit "float: asnjë".
Duke bërë këtë, ju do t'i ktheni të gjitha notat në pamjen e tyre normale, dhe
dokumenti do të printohet siç pritej - faqe për
faqe deri në fund.

Pra, kjo është ajo që i sugjerova Zeldman-it për ALA, dhe si
sapo e bëri këtë, problemi i printimit u zhduk. Familja e shfletuesve
Gecko ky gabim ende nuk është rregulluar (në kohën e shkrimit
artikull), por megjithatë mund të anashkalohet lehtësisht nga metoda e sugjeruar më sipër.

Le të dalim në rrugë

Më poshtë është një fletë stili "e shtypur" që A List Apart përdori për të zgjidhur problemin e printimit të elementeve lundrues:

#menu (ekrani: asnjë;) #mbështjellës, #përmbajtje (gjerësia: automatik; kufiri: 0; diferenca: 0 5%; mbushja: 0; float: asnjë! e rëndësishme;)

Një fillim i mbarë. Fleta e stilit hiqet plotësisht menuja e djathtë Kështu që,
se nuk printohet dhe vendos kufij dhe margjina
përmbajtjen e artikullit në mënyrë të tillë që teksti në çdo faqe
të vendosura në mënyrë të barabartë nga një skaj i zonës së printimit në tjetrin.

Problemi që pashë ishte se shumë stile të dizajnuara për ekran përfunduan në procesin e printimit.

Duke parë përmbajtjen e etiketës artikuj të rinj në faqen e internetit të ALA, ne gjejmë (në pjesën e trashë të mbushjes) rreshtat e mëposhtëm:

Ne kemi një skedar stili, print.css, për të cilin aplikojmë
pajisje printimi"Print" u specifikua nga vlera e atributit "media".
Skedari i fletës së stilit nucss2.css u importua me
Do të përdoren konstruksionet @import për ta fshehur atë nga Navigator 4.x
kur shfaqni faqen në çdo pajisje dalëse (atribut
media = "të gjitha"). Mund të jetë një ekran, një printer, një projektor, një sintetizues.
të folurit dhe kështu me radhë. Ndërsa ndaheshim, mund të shkruanim në fletën e stilit për
direktiva e shtypjes për ngjyrë e sfondit faqet dhe specifikoni fontet në
piksele.

Artikull i lidhur: Komplet bazë shtojca për WordPress

A do të jetë kjo një fatkeqësi e madhe? Jo, por shumica e shfletuesve
si parazgjedhje, mos printoni sfondin e faqes, por dimensionet e specifikuara në piksel
fontet që janë aq të përshtatshme për shfaqjen në ekran nuk janë të tilla
të dobishme gjatë printimit.

Pra, le të përmirësojmë pak fletën tonë të stilit për printim dhe të zgjidhim disa çështje të tjera me paraqitjen e përbërësve të saj.

Zbardhja e sfondeve

Një shumëllojshmëri ngjyrash përdoren për artikujt e menusë në anën e djathtë.
Por meqenëse e fshehëm menunë gjatë printimit, nuk kemi pse të ndryshojmë asgjë.
Kjo na shpëton menjëherë nga dhimbjet e mundshme të kokës.

Meqenëse printerët nuk printohen në të bardhë, ne do të bëjmë sfondin e faqes.
të bardhë. Ju gjithashtu duhet të fshini të gjitha imazhet e sfondit, e cila
përdoret kur shfaqet një faqe në ekran.

Nëse telefonojmë pronën e sfondit për të ndihmuar, ne do ta zgjidhim me një goditje
të dyja problemet. Për ta bërë zgjidhjen më fleksibël, le të vendosim elementin
"Trupi" Sfondi i bardhë, dhe kanë elementet "mbështjellës" dhe "përmbajtje".
sfond transparent (dhe kështu Ngjyra e bardhë
"Trupi"):

trupi (sfondi: i bardhë;) #menu (ekrani: asnjë;) #mbështjellës, #përmbajtje (gjerësia: automatik; margjina: 0 5%; mbushja: 0; kufiri: 0; lundrues: asnjë! e rëndësishme; ngjyra: e zezë; sfondi : transparent;)

Vendosja e ngjyrave plan të parë(ngjyra e shkronjave) nuk ishte absolutisht
e nevojshme, por është më mirë të mos harroni për këtë. Pra, tani kemi dy
Element jo lundrues (#mbështjellës, #përmbajtje) me sfond transparent, dhe
faqe - me një sfond të bardhë.

Ju mund të shqetësoheni se si Navigator 4.x merret me vlerën
“Transparente”, por sipër hundës: NN4.x i kushton vëmendje vetëm tabelave
stilet me atributin "media" të vendosur në "ekran". Si dhe
në rastin e direktivës @import, fletët e stileve tona të printueshme janë gjithmonë
fshehur nga sytë e verbër të Navigator 4. Pra, nuk ka asgjë këtu
merakose.

Madhësia e shkronjave për printim

Fleta e përgjithshme e stilit vendos madhësinë e shkronjave në 11 piksele. Shumë
zgjedhje e keqe gjatë printimit. Vetë familja e shkronjave është së pari Gjeorgjia.
dhe më pas serif - i shkëlqyeshëm për printim, si shkronja serif
zakonisht duken më mirë në letër. Vetëm madhësia duhet të ndryshohet
font. Si kjo:

trupi (sfondi: i bardhë; madhësia e shkronjave: 12 pt;)

"Prit!" Ju ndoshta do të bërtisni. - "Pikët janë të liga!"

Epo, po, ai tha kështu dhe kishte plotësisht të drejtë - për ekranin është e pamundur
caktoni madhësinë e shkronjave në pikë. Kur shtypni të njëjtat paragrafë
ka të njëjtin kuptim si dekada më parë. Meqë jemi duke gatuar
fletë stili për printim, më pas përcaktoni madhësinë e shkronjave për "trupin" në 12
pikat do të jenë të sakta dhe të natyrshme.

Megjithatë, ju mund të vendosni çdo madhësi që ju pëlqen
Fonti me 12 pika është fonti më i zakonshëm. Dhe që në tabelën e përgjithshme
stilet, madhësitë e të gjithë elementëve të tjerë të faqes janë dhënë në lidhje me
madhësia në elementin "trup", kemi mbaruar.

Margjinalia

Rregullat ekzistuese të stilit të vendosura për kufijtë majtas dhe djathtas
(kufijtë) e mbështjelljes dhe elementeve të përmbajtjes 5% madhësi. Kjo do të thotë se të dyja
palët në artikull do të jenë " vend bosh", Dhe çdo e tillë" hapësirë ​​boshe "do të jetë
të jetë 10% e sipërfaqes së printueshme. Kjo është pasojë e faktit se blloku me
teksti i artikullit "përmbajtja" ndodhet brenda kutisë "mbështjellëse" dhe
secila prej tyre ka fusha prej 5% në të majtë dhe anët e djathta.

Artikull i lidhur: Yandex.Shkolla e webmasterëve

Fleta origjinale e stilit të përgjithshëm është vendosur në mbushje 15%.
për bllokun "përmbajtje". Tashmë kufijtë na kanë dhënë 10%, ndaj na duhet
shtoni edhe 5%. Është mjaft e lehtë për të bërë:

përmbajtje div # (margin-majtas: 10%;)

Në një version tjetër të zgjidhjes, mund të lihen kufijtë (margjina).
pushoni dhe shtoni 5% në mbushjen e majtë. Që nga blloku "përmbajtja".
nuk ka sfond të dukshëm, do të merrnim të njëjtin rezultat.

Fatkeqësisht, disa shfletues kanë probleme me adekuat
trajtimi i mbushjes në mënyrë që elementët të lëvizin nëpër faqe
më mirë me marzhe.

Lidhjet gjatë printimit

Kishte një pyetje të ndërlikuar - çfarë të bëni me lidhjet? Natyrisht në
printimi, ato mund të mos jenë aq të dobishme sa në monitor, por shpesh është i rëndësishëm
jepni një të dhënë se çfarë po i referoheshin në origjinal. Kështu që unë jam
shpikur:

a: lidhje, a: e vizituar (ngjyra: # 520; sfondi: transparent; pesha e shkronjave: bold; teksti-dekorimi: nënvizoni;)

Kjo u jep lidhjeve një ngjyrë mjaft të errët për t'u afruar
e zezë me printim bardh e zi ndërsa mbetet e kuqe e errët
për printim me ngjyra. Shkronja e theksuar dhe nënvizimi e siguron këtë
lidhja do të theksohet në tekstin e printuar.

Në një shfletues që mbështet plotësisht specifikimin CSS2, ne mundemi
nxirrni vetë URL-të e lidhjeve pas tyre, duke ua bërë kështu shërbimin atyre që kanë
i cili do të ketë në dorë një printim dhe një shfletues. Më poshtë është rregulli,
e cila vlen vetëm për bllokun e "përmbajtjes", dhe rrjedhimisht URL-të
lidhjet e tjera nuk janë të shtypura:

#përmbajtje a: lidhje: pas, #përmbajtje a: vizituar: pas (përmbajtja: "(" attr (href) ")"; madhësia e shkronjave: 90%;)

Provojeni në shfletuesit e bazuar në Gecko - Mozilla ose Netscape
6.x. Në printim, pas çdo lidhjeje, do të shihni në kllapa të lidhura
në URL-në e saj.

Shfletuesit që nuk e kuptojnë këtë rregull stili nuk do të kenë asnjë
efekte të padëshiruara - lidhjet do të jenë ende të kuqe të errët,
të nënvizuara dhe të theksuara. Vetëm pas tekstit të lidhjeve nuk do të shfaqet
URL-ja e lidhur, kjo është e gjitha.

Vini re se hapësirat para dhe pas kllapave janë
pjesë e rregullit të stilit - mos harroni për hapësirat, siç duhet
të përfshihen në dokument.

Ka një problem estetik me këtë rregull të ri. Fakti,
që udhëzon që fjalë për fjalë të futet vlera e atributit në dokument
href.

Pasi kemi parë kodin e çdo faqeje nga faqja "A List Apart", ne shpejt
vëreni aty shumë të ashtuquajturat "lidhje relative" të formës
"/ Çështjet / 144". Ato do të futen në dokument ashtu siç janë.
është, por do të doja që ato të ishin URL të plota.

Në raste të tilla, CSS3 mund të na ndihmojë. Çdo përzgjedhës atributi,
duke përdorur operatorin ^ = zgjedh artikujt në bazë të fillimit të tyre
vlerat e atributeve. Në këtë mënyrë ne mund të zgjedhim çdo atribut href,
duke filluar me një të pjerrët, dhe futni aty tekstin duke zëvendësuar
kuptimin ekzistues atribut.

#content a: pas (përmbajtja: "(//www.alistapart.com" attr (href) ")";)

Ky rregull konverton të gjitha vlerat e tipit "/ issue / 144 /" në
"//Www.alistapart.com/issues/144/". Ky rregull nuk do të jetë në gjendje të ndihmojë në
rasti me URL-të relative që nuk fillojnë me një të pjerrët, por me
për fat të mirë ALA nuk e përdor këtë lloj lidhjeje.

KUJDES! E RËNDËSISHME! Siç u tha, një përzgjedhës si ^ =
i referohet përzgjedhësve të specifikimit CSS3. Validator për CSS nga
konsorciumi W3 mund të testojë vetëm për pajtueshmërinë me specifikimet
CSS1 dhe CSS2. Pa kuptuar përzgjedhësin specifik për CSS3, vërtetuesi do ta bënte
raportoni një gabim edhe kur zgjedhësi nuk kundërshton
rekomandimet e specifikimit.

Dekorimi i pjesës së sipërme të faqes

Duke parë përsëri fletën përfundimtare të stilit, unë
zbulova se nuk më pëlqeu vërtet kreu i faqes. Ishte më tepër
jo në vetë kokën, por në vetë "nënvizimin" e emrit të faqes. atë
nënvizimi natyrisht përfundon aty ku përfundon fotografia
kokë. Papritur më shkoi në mendje se do të ishte mirë ta zgjas këtë
nënvizoni gjerësinë e plotë të faqes.