Verzija html stranice za štampanje. Zaboravio sam na CSS stilove za štampanje

Abbr: poslije (sadržaj: "(" attr (naslov) ")";)

10. Prisilno pozadinsko štampanje

Zaglavlje (-webkit-print-color-adjust: točno; print-color-adjust: točno;)

11. Medijski upiti

@medijski ekran i (min. širina: 48em) (/ * samo ekran * /)
Zašto je to tako? To je zato što se CSS pravila primjenjuju samo ako je minimalna širina 48em i ako je tip medija ekran. Ako se riješimo ključne riječi ekrana u ovom medijskom upitu, tada će ona biti ograničena samo vrijednošću min-width.

@media (minimalna širina: 48em) (/ * sve vrste medija * /)

12. Ispis karata

Mapa (širina: 400px; visina: 300px; background-image: url ("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype=roadmap&format_reppgsh=roadmap&format_reppg "); -webkit-print-color-adjust: točno; print-color-adjust: točno;)

13. QR kodovi

14. O štampanju neoptimiziranih stranica

Tagovi:

• CSS
• pečat
• Web development

Ovo je eliminacija grešaka koje se nazivaju "duplikat sadržaja". Duplikat sadržaja znači da se sličan sadržaj pojavljuje na više lokacija (URL-ova) na internetu. Kao rezultat toga, tražilice ne znaju koji URL prikazati u rezultatima pretraživanja. Ovo može naštetiti rangiranju web stranice web stranice. Problem se pogoršava kada se ljudi počnu spominjati različite verzije sadržaj. U ovom članku ćemo raspravljati o uzrocima dupliranja sadržaja i pronaći rješenja za svaki od njih.

Zamislite da ste na raskrsnici i putokazi pokazuju na dva različitim pravcima do istog konačnog odredišta: kojim putem da krenete? A ako krenete u "najgorem" smjeru, kraj staze se također može malo promijeniti. Kao čitaocu, nije vas briga: dobili ste sadržaj kojem ste težili. Ali sistem pretraživanja treba odabrati koji će se prikazati u rezultatima pretraživanja jer ne bi trebao dvaput prikazati isti sadržaj.

Recimo da se vaš članak o "ključnoj riječi x" pojavljuje na http://www.example.com/keyword-x/, a potpuno isti sadržaj se pojavljuje na http://www.example.com/article-category/keyword-x / . Ovo se dešava kod mnogih savremeni sistemi upravljanje sadržajem (CMS). Vaš članak je preuzelo nekoliko blogera, od kojih su se neki povezali na prvi URL, a drugi na drugi URL. Ovaj duplirani sadržaj predstavlja problem za vašu web stranicu, jer veze oglašavaju različite URL-ove u isto vrijeme. Ako se svi povezuju na isti URL, vaš rang 10 najboljih za “ključnu riječ x” bi bio mnogo viši.

1. Razlozi za dupliranje sadržaja

Postoji mnogo razloga za dupliranje sadržaja. Većina njih su tehničke prirode: nije često da osoba odluči objaviti isti sadržaj na dva različita mjesta bez isticanja originalnog izvora. Međutim, tehnički razlozi su brojni. To je uglavnom zato što programeri ne razmišljaju kao pretraživač ili korisnik, a kamoli web pretraživača, oni razmišljaju kao programeri. Ali šta je sa gornjim člankom koji se pojavljuje na http://www.example.com/keyword-x/ i http://www.example.com/article-category/keyword-x/? Ako pitate programera, on će reći da je sama.

Hajde da pogledamo kako prepoznati duplirani sadržaj na vašoj web stranici i objasniti zašto i dati sve od sebe da to popravimo.

1.1 nerazumijevanje značenja URL-ova

Programer samo govori drugi jezik. Možete vidjeti da je cijeli sajt vjerovatno opremljen sistemom baze podataka. U ovoj bazi podataka postoji samo jedan članak, softver web stranica vam jednostavno omogućava da pronađete isti članak u bazi podataka na više URL-ova. To je zato što je, u očima programera, jedinstveni ID za ovaj članak ID članka koji se nalazi u bazi podataka, a ne URL. Međutim, za tražilicu, URL je jedinstveni identifikator za dio sadržaja. Ako ovo objasnite programeru, oni će vidjeti problem. I nakon što pročitate ovaj članak, možete mu odmah pružiti rješenje.

1.2. ID-ovi sesije posjetitelja

Kada pratite posjetitelje i omogućite im da sačuvaju artikle koje žele kupiti u svojoj košarici, dajete im sesiju. Sesija je u osnovi Pripovijetkašta je posetilac uradio na vašoj veb lokaciji i može sadržati stvari kao što su artikli u korpi za kupovinu. Da biste sačuvali sesiju posjetitelja koji prelazi s jedne stranice na drugu, morate negdje pohraniti jedinstveni identifikator za ovu sesiju, takozvani identifikator sesije. Najčešće rješenje je da se to uradi sa koristeći kolačić... Međutim, pretraživači obično ne pohranjuju kolačiće.

Neki sistemi se vraćaju na korištenje ID-ova sesije u URL-u. To znači da svaki interni link na web stranici dobiva ovaj ID sesije pridodat URL-u, a pošto je ovaj ID sesije jedinstven za tu sesiju, kreira novi URL i tako duplicira sadržaj.

1.3. Parametri URL-a koji se koriste za praćenje i sortiranje

Drugi razlog za dupliranje sadržaja je korištenje parametara URL-a koji ne mijenjaju sadržaj stranice, kao što su veze za praćenje. Vidite, http://www.example.com/keyword-x/ i http://www.example.com/keyword-x/?source=rss zapravo nisu isti URL za pretraživač... Ovo poslednje vam može omogućiti da pratite iz kojih izvora dolaze vaši posetioci, ali vam takođe može otežati rangiranje. Veoma neželjena nuspojava!

Naravno, ne radi se samo o praćenju parametara, radi se o svakom parametru koji možete dodati URL-u koji ne mijenja vitalni dio sadržaja. Ova postavka je namijenjena za "promjenu sortiranja prema kolekciji proizvoda" ili "prikaži drugu bočnu traku", što sve uzrokuje dupliranje sadržaja.

1.4. Parsing i sindikacija sadržaja

Većina razloga za dupliranje sadržaja su vaši ili vaši najmanje, krivnjom vaše web stranice, kada druge stranice koriste vaš sadržaj sa ili bez vašeg pristanka. Ne povezuju se uvijek s vašim originalnim člankom, pa ga tražilica ne "dobije" i morate imati posla s drugom verzijom istog članka. Što vaša stranica postaje popularnija, to ćete je sve češće strugati, proširujući ovaj problem sve više i više.

1.5. Redoslijed parametara

Drugi uobičajeni razlog je to što CMS ne koristi lijepe i čiste URL-ove, već URL-ove poput / id = 1 & cat = 2, gdje se ID odnosi na članak, a mačka na kategoriju. Url /? Cat = 2 & id = 1 će dati iste rezultate na većini sistema sajtova, ali su oni u stvari potpuno drugačiji za pretraživač.

1.6. Paginacija komentara

Moj omiljeni WordPress, kao i neki drugi sistemi, ima mogućnost paginiranja komentara. Ovo rezultira duplim sadržajem na URL-u članka i url-u članka + / comment-page-1 /, / comment-page-2 /, itd.

1.7. verzija za štampanje

Ako vaš sistem za upravljanje sadržajem kreira stranice za štampanje i povežete ih sa svojim stranicama sa člancima, Google će ih najčešće pronaći osim ako ih izričito ne blokirate. Koju verziju će Google prikazati? Onaj koji je pun oglasa i perifernog sadržaja ili onaj koji sadrži samo vaš članak?

1.8. sa WWW i bez WWW

Jedna od starih situacija: domena sa WWW-om i bez WWW-a, duplirani sadržaj, u slučaju kada su dostupne obje verzije Vašeg sajta. Još jedna manje uobičajena situacija koja postoji: http i https duplicirani sadržaj kada se isti sadržaj šalje na obje adrese.

2. Idejno rješenje: "kanonski" URL

Kao što je gore definirano, imati više URL-ova koji vode do istog sadržaja je problem, ali se može riješiti. Osoba koja radi za istu publikaciju obično vam može lako reći koji bi trebao biti "ispravan" URL za određeni članak. Ali ono što je smiješno je to što ponekad kada pitate tri osobe u istoj kompaniji, oni daju tri različita odgovora...

Ovo je problem koji se u takvim slučajevima mora riješiti, jer može postojati samo jedna konačna adresa (URL). Ovaj "ispravan" URL pretraživač mora identificirati kao kanonski URL.

Ironična nota

Kanonski je termin koji potiče iz rimokatoličke tradicije, gdje je spisak svetih knjiga kreiran i prihvaćen kao autentični. Oni su kršteni kanonskim jevanđeljima Novog zaveta. A ironija je sljedeća: Rimokatoličkoj crkvi je trebalo oko 300 godina i brojne bitke da dođe do ove kanonske liste, a na kraju su odabrali 4 verzije iste priče...

3. Kako pronaći duplikat sadržaja?

Možda ne znate da li imate duplirani sadržaj na svojoj web lokaciji. Evo nekoliko načina da saznate:

3.1. Google Webmaster Tools

Google Webmaster Tool je odličan alat za prepoznavanje dupliciranog sadržaja. Ako odete na Alati za google webmasteri za svoju web lokaciju pogledajte odjeljak Search View HTML optimizacije i vidjet ćete ovo:

Problem je u tome što ako imate članak koji izgleda kao članak o "Ključnoj riječi X" i pojavljuje se u dvije kategorije, naslovi mogu biti različiti. Oni mogu biti, na primjer, " Ključna riječ X - Kategorija X - Uzorak lokacije "i" Ključna riječ X - Kategorija Y - Uzorak mjesta ". Google neće odabrati ove naslove kao duplikate, ali ih možete pronaći pomoću pretrage.

3.2. Potražite naslove ili odlomke

Ima ih nekoliko operatori pretraživanja koji su vrlo korisni za takve slučajeve. Ako želite pronaći sve URL-ove na vašoj web lokaciji koji sadrže vaš članak s ključnom riječi X, unesite sljedeći izraz za pretraživanje u Google:

Web lokacija: example.com intitle: "Ključna riječ X"

Google će vam tada pokazati sve stranice na example.com koje sadrže tu ključnu riječ. Što preciznije odražavate ovaj dio naslova, lakše će se ukloniti dupli sadržaj. Istu metodu možete koristiti za identifikaciju dupliciranog sadržaja na internetu. Recimo da je puni naslov vašeg članka "Ključna riječ X - zašto je cool", tražili ste: Naslov: "Ključna riječ X - zašto je cool"

Google će vam dati sve stranice koje odgovaraju tom imenu. Ponekad je vrijedno tražiti jednu ili dvije kompletne rečenice iz vašeg članka, jer neki parseri mogu promijeniti naslov.

4. Praktična rješenja za duplirani sadržaj

Kada odlučite koji je URL kanonski URL za vaš sadržaj, morate započeti proces kanonizacije. To u osnovi znači da moramo obavijestiti tražilicu o kanonskoj verziji stranice i pustiti je da je pronađe što je prije moguće.

Postoje četiri metode rješenja, prema željenom redoslijedu:

1. Nemojte kreirati duple sadržaje;
2. Preusmjerite duplirani sadržaj na kanonski URL;
3. Dodajte kanonski element veze na duplikat stranice;
4. Dodati HTML linkovi sa duplirane stranice na kanonsku stranicu.

4.1. Kako izbjeći dupliranje sadržaja?

Neke od gore navedenih grešaka duplikata sadržaja imaju vrlo jednostavne popravke:

• Koristite li ID-ove sesije u svojim URL-ovima? Često se mogu jednostavno onemogućiti u postavkama vašeg sistema.
• Imate li duplikate stranica za štampanje? Ovo je potpuno nepotrebno: samo trebate koristiti tablicu stilova za ispis.
• Koristite paginaciju komentara u WordPressu? Samo treba da onemogućite ovu funkciju (u postavkama "diskusija") na 99% sajtova.
• Da li su parametri URL-a drugačijim redoslijedom? Recite svom programeru da kreira skriptu koja vam omogućava da koristite parametre istim redosledom.
• Imate problema sa praćenjem linkova? U većini slučajeva možete koristiti praćenje kampanje zasnovano na hash umjesto praćenja kampanje temeljeno na parametrima.
• Dvije verzije stranice sa WWW i bez WWW? Odaberite jednu opciju i držite se nje, preusmjeravajući jednu na drugu. Takođe možete dati prednost Google alati za webmastere, ali ćete morati zatražiti obje verzije naziva domene.

Ako vaš problem nije lako riješiti, možda je vrijedno dati sve od sebe kako biste izbjegli dupliranje sadržaja. Ovo je definitivno najbolje rješenje Problemi.

4.2. 301 duplikat preusmjeravanja sadržaja

U nekim slučajevima nije moguće u potpunosti spriječiti sistem koji koristite da generiše pogrešne URL-ove za sadržaj, ali ponekad se oni mogu preusmjeriti. Imajte ovo na umu kada razgovarate sa programerima. Također, ako se potpuno riješite nekih problema sa sadržajem koji se ponavlja, obavezno preusmjerite sve stare duplirane URL-ove sadržaja na ispravne kanonske URL-ove.

4.3. Korištenje rel = "kanonskih" veza

Ponekad ne postoji način da se riješite duple verzije članka, ali znate da je to pogrešan URL. Za ovaj konkretan problem, pretraživači su uveli kanonski element linka. Objavljeno je u rubrici Vaš sajt i izgleda ovako:

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

U poglavlju kanonski link objavljujete ispravan kanonski URL za vaš članak. Kada Google (ili bilo koji drugi pretraživač koji ga podržava) pronađe ovaj element veze, on izvodi automatsko meko preusmjeravanje: prosljeđuje većinu vrijednosti veze koju je prikupila ova stranica na vašu kanonsku stranicu.

Ovaj proces je nešto sporiji od 301 preusmjeravanja koje spominje Googleov John Mueller, što možete učiniti, što bi bilo mnogo bolje.

4.4. Vratite se na originalni sadržaj

Ako ne možete ispuniti bilo šta od gore navedenog, to može biti zato što nemate kontrolu nad odjeljkom web lokacije koja prikazuje vaš sadržaj, dodavanje veze do originalnog članka na vrhu ili dnu članka je uvijek dobra ideja. Ovo bi moglo biti ono što želite učiniti u svom rss feedu: dodajte link na članak u njemu. Ako Google naiđe na više veza koje upućuju na vaš članak, uskoro će shvatiti da je ovo prava kanonska verzija članka.

5. Zaključak: Duplicirani sadržaj se može popraviti, i treba ga popraviti!

Duplicirani sadržaji su posvuda. Ovo je proces koji morate pratiti. Ako sve ispravite na vrijeme, nagrada će biti brojna. Vaša kvalitetan sadržaj može naglo skočiti na rang listi jednostavnim uklanjanjem dupliciranog sadržaja na vašoj web stranici. Naravno, ako vam je potrebna pomoć u identifikaciji ovih problema, pomaganje vašim programerima da pronađu rješenja za rješavanje problema s dupliranim sadržajem, ili čak riješe ove probleme umjesto vas, uvijek možete naručiti

Nekada je to bio samo standard za kreiranje veze ili, tačnije, dugme sa natpisom "Verzija za štampanje". Potrebni su za ispis na papiru. Štampana verzija sadrži sve potrebne informacije, ali mu nedostaju interaktivni elementi: dugmad, obrasci i slično.

To znači da neko ručno ili automatski koristi skriptu
uzeo originalni dokument i, uklonivši iz njega sve nepotrebno, napravio njegovu kopiju,
pogodniji za štampanje. Možda sličan rad morao
uradite i vi.

Rešenje - štampanje stilova

Jedna od sjajnih stvari kod CSS-a je sposobnost
kreiranje stilova koji ciljaju različite uređaje
povlačenje. Navikli smo da kreiramo stilove za prikaz stranica
ekran, ali još nismo navikli razmišljati o drugim sredstvima prikaza. I,
kao linkovi "verzija za štampanje" potvrđuju, o štampanju dokumenta mi
mislimo samo na prezentaciju dokumenta u drugačijem obliku.

Ali sada nemamo čega da se plašimo, sada da stvaramo štampana verzija
dokument, potreban nam je samo dobro struktuiran dokument i
stilski list za štampu!

Danas možete uzeti bilo koji (X) HTML dokument i pripremiti ga
štampanje koristeći stilove bez dodirivanja oznake. A sada unutra
problemi sa kreiranjem i sinhronizacijom dvije verzije su stvar prošlosti
dokument - jedan za ekran, drugi za štampanje. I šta je najviše
prijatno: to je lako kao ljuštenje krušaka.

Zaobilaženje greške plutajućih elemenata

Gecko pretraživači poput Netscape 6.x ili Mozilla imaju
problem sa štampanjem dugih lebdećih elemenata.
Ako je plutajući element otišao izvan granica odštampane stranice, onda
ostatak potpuno nestaje a da se ne pojavi na sljedećem
stranica.

Ako je vaša stranica slična "A List Apart", tj. članci u njemu su
u jedan veliki plutajući blok, to znači da čitaoci
ispis će dobiti samo prvu stranicu članka.

Rješenje je, kao što biste očekivali, nadjačati svojstvo
"Pluta" na bloku sa tekstom prije štampanja. Ukratko, za sve
float elementi su postavljeni na pravilo stila "float: none".
Ovim ćete vratiti sve plovke u njihov normalan izgled, i
dokument će se odštampati prema očekivanjima - stranica po
stranicu do samog kraja.

Dakle, ovo je ono što sam predložio Zeldmanu za ALA, i kako
čim je to uradio, problem sa štampanjem je nestao. Porodica pretraživača
Gecko ova greška još uvijek nije ispravljena (u vrijeme pisanja
članak), ali se ipak može lako zaobići metodom koja je gore predložena.

Krenimo na put

Ispod je "štampani" stilski list koji je A List Apart koristio da riješi problem ispisa plutajućih elemenata:

#menu (prikaz: nema;) #wrapper, #content (širina: auto; granica: 0; margina: 0 5%; padding: 0; float: nema! važno;)

Dobar početak. Tabela stilova se potpuno uklanja desni meni dakle,
da se ne štampa, i postavlja ivice i margine za
sadržaj članka na način da tekst na bilo kojoj stranici
ravnomjerno raspoređenih od jedne do druge ivice područja za ispis.

Problem koji sam vidio je to što je previše stilova dizajniranih za ekran završilo u procesu štampanja.

Gledajući sadržaj oznake novih članaka na ALA web stranici, nalazimo (u gustom nadjevu) sljedeće redove:

Imamo datoteku sa stilovima, print.css, na koju primjenjujemo
štamparski uređaji"Print" je specificiran vrijednošću atributa "media".
Datoteka stilova nucss2.css uvezena sa
Koristit će se @import konstrukcije za skrivanje od Navigatora 4.x
kada se stranica prikazuje na bilo kojem izlaznom uređaju (atribut
mediji = "svi"). To može biti ekran, štampač, projektor, sintisajzer.
govor i tako dalje. Dok smo se rastajali, mogli smo pisati u stylesheet za
direktiva za štampanje za boja pozadine stranice i odredite fontove u
piksela.

Povezani članak: Osnovni set dodaci za WordPress

Hoće li ovo biti velika katastrofa? Ne, ali većina pretraživača
podrazumevano ne štampaju pozadinu stranice, već dimenzije navedene u pikselima
fontovi koji su tako pogodni za prikaz na ekranu nisu takvi
korisno pri štampanju.

Pa hajde da poboljšamo malo naš stilski list za štampanje i rešimo nekoliko drugih problema sa rasporedom njegovih komponenti.

Izbjeljivanje pozadine

Različite boje se koriste za stavke menija sa strane.
Ali pošto smo sakrili meni prilikom štampanja, ne moramo ništa da menjamo.
To nas odmah spašava od mogućih glavobolja.

Pošto štampači ne štampaju belo, napravićemo pozadinu stranice.
bijela. Također morate sve izbrisati pozadinske slike, koji
koristi se prilikom prikazivanja stranice na ekranu.

Ako pozovemo pozadinsko svojstvo u pomoć, riješit ćemo jednim potezom
oba problema. Da bismo rješenje učinili fleksibilnijim, postavimo element
"telo" Bijela pozadina, a elementi "wrapper" i "content" imaju
prozirna pozadina (a samim tim i Bijela boja
"Tijelo"):

tijelo (pozadina: bijela;) #meni (prikaz: nema;) #wrapper, #sadržaj (širina: auto; margina: 0 5%; padding: 0; granica: 0; plutajući: ništa! važno; boja: crna; pozadina : transparentno;)

Podešavanje boje prednji plan(boja fonta) nije bila apsolutno
neophodno, ali najbolje je ne zaboraviti na to. Dakle, sada imamo dva
Neplutajući element (#wrapper, #content) sa transparentna pozadina, i
stranica - sa bijelom pozadinom.

Možda ćete biti zabrinuti kako se Navigator 4.x nosi s vrijednošću
"Transparentno", ali iznad nosa: NN4.x obraća pažnju samo na tabele
stilova sa atributom "media" postavljenim na "screen". Kao i
u slučaju @import direktive, naši stilovi za štampanje su uvek
skriven od slijepih očiju Navigatora 4. Dakle, ovdje nema ničega
brinuti se.

Veličina fonta za štampanje

Opći stilski list postavlja veličinu fonta na 11 piksela. Veoma
loš izbor prilikom štampanja. Sama porodica fontova je Georgia na prvom mjestu.
a zatim serif - odličan za štampanje, kao serif fontovi
obično izgledaju bolje na papiru. Potrebno je samo promijeniti veličinu
font. Volim ovo:

tijelo (pozadina: bijela; veličina fonta: 12pt;)

“Čekaj!” Vjerovatno ćete uzviknuti. - "Poeni su zli!"

Pa da, tako je rekao, i bio je potpuno u pravu - za ekran je to nemoguće
podesite veličinu fonta u tačkama. Prilikom štampanja istih pasusa
ima isti smisao kao i pre nekoliko decenija. Pošto kuvamo
stilski list za ispis, zatim definirajte veličinu fonta za "body" na 12
bodovi će biti tačni i prirodni.

Naravno, možete postaviti bilo koju veličinu koju želite
Font od 12 tačaka je najčešći font. I pošto u opštoj tabeli
stilova, veličine svih ostalih elemenata stranice su date u odnosu na
veličina u elementu "body", gotovi smo.

Marginalia

Postojeća pravila stila postavljena za lijevu i desnu ivicu
(margine) omotača i elemenata sadržaja 5% veličine. To znači da oboje
strane u članku će biti " prazno mesto", I svaki takav "prazan prostor" će biti
biti 10% površine za štampanje. To je posljedica činjenice da je blok sa
tekst članka "sadržaj" nalazi se unutar okvira "omotača", i
svaki od njih ima polja od 5% na lijevoj strani i desne strane.

Povezani članak: Yandex.Škola webmastera

Originalni opći stilski list postavljen je na 15% paddinga.
za blok "sadržaj". Granice su nam već dale 10%, pa nam treba
dodati još 5%. Dovoljno je lako učiniti:

div # sadržaj (margin-left: 10%;)

U drugoj verziji rješenja moglo bi se ostaviti granice (margina).
odmorite i dodajte 5% lijevom paddingu. Od bloka "sadržaj".
nema vidljivu pozadinu, dobili bismo isti rezultat.

Nažalost, neki pretraživači imaju problema sa adekvatnim
rukovanje paddingom tako da se elementi kreću po stranici
bolje sa marginama.

Linkovi prilikom štampanja

Postojalo je jedno zeznuto pitanje - šta raditi sa hiperlinkovima? Očigledno uključeno
štampanje, oni možda nisu korisni kao na monitoru, ali su često važni
dati naslutiti na šta su mislili u originalu. Dakle, to sam ja
izmislio:

a: link, a: posjećeno (boja: # 520; pozadina: prozirna; težina fonta: bold; dekoracija teksta: podvučena;)

Ovo daje linkovima dovoljno tamnu boju da joj budu blizu
crna sa crno-bijela štampa dok ostaje tamnocrvena
za štampu u boji. Bold font a donja crta to osigurava
veza će biti istaknuta u odštampanom tekstu.

U pretraživaču koji u potpunosti podržava CSS2 specifikaciju, možemo
ispisati URL-ove linkova nakon njih samih, čineći tako uslugu onima koji imaju
kome će pri ruci biti ispis i pretraživač. Ispod je pravilo,
što se odnosi samo na blok "sadržaj", a time i na URL-ove
ostali linkovi se ne štampaju:

#content a: link: after, #content a: posjećeno: poslije (sadržaj: "(" attr (href) ")"; veličina fonta: 90%;)

Isprobajte u pretraživačima baziranim na Gecko - Mozilla ili Netscape
6.x. Na ispisu, nakon svakog linka, videćete u zagradi povezano
na njen URL.

Preglednici koji ne razumiju ovo pravilo stila neće ih imati
neželjeni efekti - linkovi će i dalje biti tamnocrveni,
podvučeno i podebljano. Odmah nakon toga tekst linkova neće biti prikazan
pridruženi URL, to je sve.

Imajte na umu da su razmaci ispred i iza zagrada
dio stilskog pravila - ne zaboravite na prostore, kako i treba
biti uključeni u dokument.

Postoji jedan estetski problem s ovim novim pravilom. Cinjenica,
koje daje instrukcije da doslovno umetnu vrijednost atributa u dokument
href.

Nakon što smo pogledali kod bilo koje stranice sa stranice "A List Apart", brzo smo
primijetite da postoji mnogo takozvanih "relativnih veza" forme
"/ Izdanja / 144". Oni će biti umetnuti u dokument takvi kakvi jesu.
je, ali bih volio da su to puni URL-ovi.

U takvim slučajevima, CSS3 nam može pomoći. Bilo koji selektor atributa,
pomoću operatora ^ = odabire stavke na osnovu njihovog početka
vrijednosti atributa. Na ovaj način možemo odabrati bilo koji href atribut,
počevši sa kosom crtom i ubacite tamo tekst koji zamjenjuje
postojeće značenje atribut.

#content a: after (sadržaj: "(//www.alistapart.com" attr (href) ")";)

Ovo pravilo pretvara sve vrijednosti tipa "/ issues / 144 /" u
"//Www.alistapart.com/issues/144/". Ovo pravilo neće moći pomoći
slučaj sa relativnim URL-ovima koji ne počinju kosom crtom, već do
srećom ALA ne koristi ovu vrstu veze.

PAŽNJA! BITAN! Kao što je rečeno, selektor poput ^ =
odnosi se na selektore CSS3 specifikacije. Validator za CSS od
konzorcij W3 može samo testirati usklađenost sa specifikacijama
CSS1 i CSS2. Bez razumijevanja selektora specifičnog za CSS3, validator bi
prijavi grešku čak i kada selektor nije u suprotnosti
preporuke iz specifikacije.

Dekoracija vrha stranice

Gledajući ponovo konačnu listu stilova, I
otkrio da mi se ne sviđa zaglavlje stranice. Bilo je pre
ne u samom zaglavlju, već u samom "podvlačenju" naziva stranice. to
donja crta se naravno završava tamo gdje završava slika
header. Odjednom mi je palo na pamet da bi bilo lijepo ovo rastegnuti
podvuci cijelu širinu stranice.