Drago mi je što vas mogu pozdraviti na blogu! U današnjem ćemo članku početi govoriti o jeziku hiperteksta html markup. Ova publikacija bit će prvi takve vrste (i daleko od posljednjeg), budući da nikada prije nisam napisao ništa slično.

Plan objave:

Ali sad kad sam stekao potrebno znanje i provjerio ga u praksi, rado ću ga podijeliti sa svojim čitateljima. Nije bez razloga koliko je truda i vremena potrošeno u početnoj fazi, na primjer, da bi se znalo umetnuti link u html. Naravno, nakon što pročitate moj post, i vi ćete to znati i moći.

Općenito, vrijedi napomenuti da su oznake veza jednostavno potrebne u radu optimizatora, jer je njihov kruh samo optimizacija pretraživača i, naravno, gurui na polju SEO-a najvjerojatnije ne mogu bez linkova, a kamoli obični blogeri :).

Možda je html link tag A jedan od mojih najčešće korištenih, uz img tag koji je neophodan za prikaz slika u tekstu. U prosjeku, svaki članak koji objavim sadrži oko pet poveznica, što na interne stranice, što na eksterne.

Ne zaboravite da se oznake za html web stranicu koriste ne samo pri pisanju postova. Također, bit će vam potrebni prilikom mijenjanja koda predloška koji ste instalirali na CMS WordPress ili bilo koji drugi sustav za upravljanje sadržajem.

Stoga morate proučiti barem najosnovnije html oznake kako u budućnosti ne biste imali problema pri radu s vezama. Na primjer, ako koristite " Vizualni uređivač„Kada pišete svoje članke, to nije baš dobro, jer ako ovaj editor ne radi, nećete znati ni osnovni kod za dodavanje poveznice.

Općenito, vjerujem da će vam poznavanje osnovnih pojmova u označnom jeziku HTML uvelike pomoći i olakšati vam život. Ipak, vrijeme koje sada provodite proučavajući gradivo koje bi vam moglo biti novo neće biti potrošeno.

Također postoji još mnogo nijansi koje će vam olakšati rad, a o kojima ćete čitati u nastavku mog članka - to su rel=”nofollow”, i target=“_blank”, i mnoge druge zanimljive stvari vezane uz linkove.

Link tag A – kreirajte hipervezu u html dokumentu sa i bez sidra

Kao što sam već napomenuo gore, veza je jedna od najčešće korištenih html oznaka. Oni su potrebni kako bi korisnici mogli jednostavno prelaziti s jednog dokumenta na drugi jednim klikom.

Međutim, da biste odredili stazu hiperveze, morate koristiti atribut href. Zahvaljujući njemu možete i trebate navesti URL stranice na koju se želite povezati. To mogu biti interne stranice vaše web stranice ili stranice bilo kojeg drugog izvora na World Wide Webu.

Anchor html link tag Značajan čimbenik koji roboti za pretraživanje uzimaju u obzir, pa na njega morate obratiti posebnu pozornost. Preporučujem da ga koristite u sidru ključne riječi, za koji želite da vaš članak dođe na prva mjesta u rezultatima pretraživanja.

Nakon što smo malo razumjeli teoriju hiperveza u html dokumentu, možemo prijeći na ilustrativne primjere. Ovo je kôd koji će veza imati:

Ovdje bi trebao biti tekst vaše hiperveze, odnosno sidra

Kao što možete vidjeti, veza počinje otvarajućom zagradom ":

Općenito govoreći, nije lijepo govoriti korisniku kako da otvori vezu. Gurui upotrebljivosti web stranice jednoglasno tvrde da korisnik sam može odlučiti kako otvoriti poveznicu. On će srediti svoje prozore bez naših želja po ovom pitanju. Štoviše, također ćemo prekinuti funkcionalnost standardnog gumba preglednika "Natrag". Takvo grubo miješanje u navike vjerojatno će izazvati neprijateljstvo!

Osim toga, stvara se loš dojam: „Korisnik napušta stranicu! Možda se više nikad ne vrati ovamo! ah-ah-ah! Što uraditi? otvorimo novi link u drugom prozoru! Možda, kada vidi sve što mu treba, onda će zatvorivši ovaj izlog ponovno doći kod nas i tada će sigurno postati stalni gost!”

Smisao je, nadam se, jasan - ispunite stranicu kvalitetnim korisnim i zanimljivim sadržajem i tada će se posjetitelji vraćati svjesno i samostalno.

No, osim moralne strane, postoji i tehnička strana problema - nedostaje ciljni atribut XHTML specifikacije 1.0 Strogo i, sukladno tome, neće proći provjeru valjanosti!

Valjano rješenje: JavaScript

Ako ste, unatoč prethodnim odlomcima, ipak odlučili (ili bili prisiljeni) otvoriti stranicu u novom prozoru, učinimo to barem ispravno.

Ovdje JavaScript dolazi u pomoć. Pokušajmo presresti događaj onclick veze i prisiliti otvaranje novog prozora pomoću funkcije window.open(). Tada ćemo zabraniti praćenje veze u izvornom prozoru navođenjem return false:

Link će se otvoriti u novom prozoru

Provjeravamo dobiveno rješenje: .

Sve je odlično. Preglednici pouzdano otvaraju vezu u novom prozoru. Validator nas obraduje zelenom porukom o uspjehu. Čini se da se možete smiriti, ali to nije slučaj! Pokušajmo postaviti tvrdi blokator skočnih prozora u vašem pregledniku i ponovo kliknuti na vezu!

Bolje rješenje

Blokatori skočnih prozora prvenstveno su dizajnirani za borbu protiv dosadnih oglasa. Ova je značajka dostupna u svim modernim preglednicima. Neki preglednici čak nude različite razine blokiranja. Na primjer, u Operi 9+ možete blokirati ili samo "neželjene" prozore ili sve.

Ne znam koji se postotak korisnika tako radikalno bori sa skočnim prozorima, ali samo s ovim postavkama, umjesto otvaranja prozora, jednostavno će se pojaviti mali prompt "skočni prozor je blokiran". Štoviše, čak i ova manifestacija odgovora preglednika na klik može se onemogućiti u postavkama. U tom slučaju poveznica će jednostavno izgubiti funkcionalnost: "Kliknem, ali ništa se ne događa!"

Kad bi netko nakon što je ovo pročitao rekao: “Ne možeš svima ugoditi! Pa tko im je doktor, da im je sve isključeno!”, onda s takvima nismo na istom putu. Za ostalo ćemo nastaviti.

Link će se otvoriti u novom prozoru

Ovdje smo iskoristili činjenicu da funkcija window.open() vraća pravi, ako se prozor uspješno otvorio i false u suprotnom. Odnosno, u slučaju kada se link uspješno otvorio u novom prozoru, blokiramo otvaranje linka u vlastitom prozoru, jer povratak će biti!true=false. I obrnuto, ako se prozor ne može otvoriti, return true će omogućiti da veza radi normalno.

Dobar dan, dragi čitatelji. Broj Odgovora na pitanja dugo nije izlazio, mislim da su mnogi već čekali odgovore na svoja pitanja. Neki od vas su već pronašli odgovor na svoje pitanje bez moje pomoći, ispričavam se što vam nisam dao odgovor. poboljšat ću se. Nažalost, ni danas neću odgovoriti na sva pitanja, već samo na jedno.

Ovo mi je pitanje bilo dosta zanimljivo i korisno pa sam mu odlučio posvetiti posebnu pozornost. Pa evo pitanja.

Je li moguće koristiti oznaku target="_blank" za prisilno otvaranje veze u novom prozoru preglednika? Nije li ovo štetno? Utječe li to na nešto?

Vrlo zanimljivo pitanje, činjenica je da atribut oznake , koji vezu otvara u novom prozoru ili kartici preglednika, target="_blank", jedan od najkontroverznijih u HTML-u. Iako ga ja osobno koristim samo i koristim ga više puta za svoje čitatelje, ipak je vrijedno razumjeti ovo pitanje i pokušati doći do neke vrste mišljenja.

Ovdje vrijedi razmotriti situaciju s dvije strane: korištenje targeta sa stajališta provjere valjanosti i otvaranje veze u novom prozoru ili kartici preglednika sa stajališta upotrebljivosti. Počet ću s prvim.

Atribut target="_blank" je nevažeći atribut i njegova je upotreba dopuštena samo u prijelaznim dokumentima:

Usporedbe radi, u Bloggeru je ovako:

sadrži informacije o vrsti dokumenta, obavezni element web stranice koji govori pregledniku kako interpretirati stranicu. Neću ulaziti u povijest stvaranja HTML-a, XML-a, XHTML-a - sve je to materijal za više od jednog članka. Ali pokušat ću prenijeti suštinu.

Ako govorimo o Bloggeru, onda je naš predložak mješavina dva jezika - HTML i XML, u takvim slučajevima potrebno je navesti - XHTML 1.0 Strict. Dokumenti ove vrste moraju imati jasnu sintaksu, a specifikacija za dokumente ove vrste nema atribut target="_blank". Zato je za nas ovaj atribut nevažeći i, zapravo, zabranjeno ga je koristiti.

Ako govorimo o drugim stranicama, je li tamo moguće koristiti atribut target="_blank", onda trebate pogledati izvorni kod stranice, odnosno unos .

Vrstu dokumenta postavlja programer određene stranice, ovisno o tome koji se jezik ili njegova verzija koristi prilikom postavljanja stranice.

Što učiniti u takvoj situaciji?
Znam samo dva rješenja za ovu situaciju. I obje opcije su daleko od idealnih.

Prva opcija je da, kako bi dokument bio valjan, možete koristiti posebne JavaScript ili JQuery skripte koje će otvarati stranice u novom preklopu preglednika.

Loša strana ove metode: ako je JavaScript onemogućen u postavkama preglednika, stranica se neće otvoriti u novom prozoru.

Druga opcija je koristiti target="_blank" i više ne patiti od ovog problema. Iako je ovaj atribut nevažeći, i dalje ga podržavaju svi preglednici. I njegova upotreba ni na koji način ne utječe na indeksiranje stranice od strane tražilica.

Raspravljali smo o prvom dijelu pitanja, ali kao što sam već rekao, postoji i druga strana problema - upotrebljivost, pogodnost za posjetitelja. Je li našim čitateljima zgodno otvarati poveznice u novoj kartici?

Određeni dio (ne mogu reći koliko) programera smatra lošim oblikom lišiti korisnika mogućnosti da sam odluči kako otvoriti stranicu, na istoj kartici ili na novoj. I također, više A Ja sam dio naprednih (iskusnih) korisnika, oni vjeruju da su sami u mogućnosti odlučiti kako otvoriti link, jer to je predviđeno, barem u istom mišu. S druge strane, na internetu ima dosta korisnika ispodprosječne razine, a mnogi ne znaju da istim mišem možete otvoriti bilo koji link u novom prozoru.

Ako još ne znate kako to učiniti, reći ću vam. Svaki miš mora imati kotačić, pa ako prijeđete mišem preko poveznice i kliknete na kotačić, poveznica će se otvoriti u novom prozoru. Ili, postoje miševi s tri tipke, a tu funkciju obavlja srednja tipka. Ali kao što sam rekao, ne znaju svi korisnici Interneta za tako ugodnu sitnicu.

Također, sa stajališta mnogih korisnika, zgodno je da se unutarnja poveznica otvara u istom prozoru preglednika (kartici), a vanjske poveznice otvaraju se u novoj kartici, mnogima je to jednostavno i logično.

Upravo zbog ovakvih suprotstavljenih mišljenja i zbog različite razine znanja korisnika, atribut target="_blank" i općenito pitanje otvaranja linkova u novom prozoru tema je koja se najviše raspravlja.

Koje je moje mišljenje o ovom pitanju? I sam sam bio početnik, poznajem puno ljudi koji sve što znaju o internetu su Yandex i Odnoklassniki, a jednostavno nemaju pojma što je monitor, zašto ima toliko tipki na tipkovnici i zašto kotačić miša je uopće potreban (Naravno, takve se praznine brzo popune). I sam mislim da je otvaranje nove stranice na istoj kartici na kojoj se sada nalazim izuzetno nezgodno. Čak i ako stvarno planiram napustiti stranicu, neću se previše brinuti ako zatvorim prethodnu karticu. Želim da se poveznica unutar stranice otvori u istoj kartici, a vanjska poveznica u novoj. Ovo je moje osobno mišljenje i ne tvrdim da je istina.

Ako ste ozbiljno razmišljali o ovom problemu i odlučili koristiti posebnu skriptu, pokušao sam pronaći rješenje za vas. Ova je skripta prikladna za bilo koje web mjesto, CMS i za platformu Blogger; pokazat ću vam koristeći Blogger kao primjer.

Idite na Dizajn – Uredi HTML, pronađite kod i umetnite kod ispred njega:

Ako želite upozoriti svoje korisnike da će se poveznica otvoriti u novoj kartici, na vezu možete primijeniti stil, kao što sam ja učinio. Da biste to učinili, dodajte sljedeći stil predlošku prije retka ]]>:

Vanjski (
ispuna: 0 10px 2px 0;
pozadina: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAABfA/QJM25G6lInk/externallink.gif) bez ponavljanja desno u sredini;
}

Objavio sam svoje vrijednosti polja za ispunu. Ovisno o fontu koji koristite i postavkama prikaza teksta, morat ćete prilagoditi ove brojeve kako vama odgovaraju. Također možete prenijeti sliku u svoj album ili upotrijebiti neku drugu.

Želim reći da sam testirao tri različite skripte, a gore predložena ne radi svugdje. Ako gore predložena skripta ne radi za vas, možete isprobati sljedeće opcije:

http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js

Ali posljednje dvije skripte ne podržavaju automatsko učitavanje stilova, tako da ako želite koristiti stil za vanjsku vezu koji se razlikuje od unutarnje, tada ne zaboravite dodijeliti klasu class="external" vezi.

To je sve o korištenju target="_blank" i otvaranju veze u novoj kartici. Nadam se da sam odgovorio na pitanje čitatelja i da će ova informacija biti korisna i svima drugima.

Dragi blogeri, ako je vaše pitanje vezano uz Blogger, preporučujem da ga postavite na forumu. Odgovori se na blogu objavljuju rijetko, ai ne baš redovito, a na odgovor na prilično osnovno pitanje morate čekati nekoliko tjedana. Postavljanjem pitanja na forumu dobit ćete odgovor od mene ili drugih korisnika u roku od par sati.
Ugodan vikend.

Pozdrav, dragi čitatelji bloga. Danas želim detaljnije razgovarati o tome što je hiperveza HTML jezik, kako ih postaviti u tekst na stranici, kako napraviti poveznicu na sliku, kako pravilno koristiti oznaku “A” i njene atribute “Href” i “Target blank” (otvori u novom prozoru).

Općenito, hiperveza je ključni element. Osim toga, poveznice su danas jedan od tri glavna čimbenika koji utječu na uspješnu promociju web stranice. Ispravna ih primjena i razumijevanje, na primjer, kako utječu na njihovo računovodstvo tražilice, može značajno utjecati na promet vašeg resursa.

Što su hiperveze i sidra?

Dakle, već smo se upoznali sa zastarjelim oznakama koje se ne preporučuju za svakodnevnu upotrebu. Nastavimo naše daljnje upoznavanje.

Da bismo napravili hipervezu u Html kodu, trebat ćemo koristiti i oznaku A. Za nju možemo koristiti razne atribute, postaviti npr. URL adresu cilja za kretanje po ovoj vezi (href) ili uputiti da se otvori u novom prozoru (target= _blank). Ali razgovarajmo o svemu redom.

Kao što smo maloprije spomenuli, hiperveze su ključni element Html jezika i omogućuju vam povezivanje na unutarnje stranice vlastite stranice i na druge internetske resurse. Reći ću banalnost - praćenje poveznice vrši se klikom na nju (što ste mislili?).

Osim što se mogu podijeliti na interne i eksterne, mogu biti i pomoćne i koristiti se isključivo za potrebe preglednika kojim će se otvarati stranice Vaše stranice.

U tom slučaju neće biti vidljivi na stranici jer registrirani su na području Glave izvorni kod dokument čiji sadržaj nije prikazan na stranici (spomenuo sam strukturu koda jezika za označavanje hiperteksta u članku o ).

Hiperveze usluga ne stvaraju se pomoću oznake "A" (kao obične), već pomoću oznake "Veza". Ima dosta zadataka koje obavljaju, na primjer, koriste ih HTML dokument vanjske datoteke s CSS kaskadnim listovima stilova ili, na primjer, .

Ali danas nećemo razmatrati kako ih možete stvoriti (još ćemo doći do njih), već ćemo se detaljno osvrnuti na vidljive veze koje se mogu stvoriti unutar područja Tijelo i, sukladno tome, bit će prikazane na web stranici.

No, svejedno, sve hiperveze (i vidljive i servisne) imaju jednu zajedničku stvar - sve sadrže potreban atribut Href. U njemu se kao njegova vrijednost upisuje određeno mjesto u dokumentu (ako je prethodno označeno sidrom) ili adresa samog dokumenta na Internetu (u Hrefu ili, drugim riječima, put do stranice ili je zapisana neka druga datoteka).

Hiperveze su navigacijski elementi koji su dizajnirani da vas prebace na druge dokumente na mreži ili da se kreću kroz sadržaj web-stranice koju već gledate pomoću oznaka koje su unaprijed napravljene u tijelu dokumenta, a koje se također nazivaju Html sidra.

Ovdje može biti zabune, jer... u SEO-u riječ je , ali u Html-u "anchor" znači sidro (prijevod riječi anchor) ili oznaku u tekstu, na koju se onda može referencirati.

Zašto se sidra koriste u HTML-u? Ovo je vrlo zgodno kada kreirate navigaciju na prilično dugačkoj web stranici. Vjerojatno ste ga vidjeli na internetu kada se na stranici koju otvorite odmah ispod naslova nalaze nazivi dijelova članka objavljenih na toj stranici.

Na taj način čitatelj će moći odmah otići do mjesta na stranici gdje se nalazi informacija koja ga zanima, a ne mučiti se listanjem teksta i vizualnim traženjem pravog mjesta. Praktično i poboljšava.

Kako se stvaraju sidra i hashovi veza

Dakle, naš će zadatak u ovom slučaju biti instalirati sidra na pravim mjestima na stranici (dokumentu), što će općenito izgledati ovako:

Oni. da biste napravili sidro, potrebno je u praznu oznaku hiperveze “A” unijeti jedan atribut “Ime” za čiju vrijednost koristite jedinstvenu oznaku koja ne smije sadržavati razmake i u kojoj možete koristiti latinična slova, brojeve , crtice i podvlake (u potpunoj analogiji s pravilima po kojima možete kreirati URL-ove - ,,,[_],[-]).

U tom slučaju sidro neće biti vidljivo na samoj stranici jer Nismo napisali nikakav tekst unutar "A" elemenata. Međutim, ovako kreirana sidra će zagaditi Html kod, pa se sada mnogo češće od sidra koristi neki drugi način za kreiranje labela.

U ovom slučaju ne morate stvoriti praznu oznaku "A", već možete koristiti bilo koji element koji je već dostupan na pravom mjestu u tekstu. Na primjer, to mogu biti .

Oni. za stvaranje analoga sidra, dovoljno je dodijeliti univerzalni ID atribut bilo kojoj oznaci (može se koristiti za sve oznake, i, usput, rade na temelju njega), na primjer, ovako:

Tekst naslova

Dakle, sada umjesto stvaranja potrebnog broja sidara zagađuje kod i pojavljuje se na ovaj trenutak ne valja (ne preporučuje W3C konzorcij, koji razvija Html jezik), jednostavno dodajemo Id.

Ispostavilo se da ćete za to morati, kao i obično, umetnuti traženi atribut "Href" unutar hiperveze "A", ali čija će vrijednost biti formirana od naziva željene oznake (sidra) ispred kojega stoji hash znak “#”, koji se također naziva hash (Ovdje, usput, rastu noge često korištenog imena: link hash):

će se pomaknuti na mjesto stranice označeno sidrom

Imajte na umu da kada kliknete na takvu hipervezu, neće se otvoriti novi dokument. Preglednik će se već pomicati otvorena stranica na takav položaj da mjesto u tekstu gdje ste umetnuli sidro zauzme položaj na samom vrhu ekrana. Bilo bi logično pretpostaviti da bi vrijednosti svih oznaka (sidra) na jednoj stranici trebale biti jedinstvene kako bi se izbjegla zabuna za preglednik.

Ako napravite sidro pomoću ID atributa u prikladno smještenoj oznaci, tada trebate uzeti u obzir da uz ograničenje vrste korištenih znakova (,,,[_],[-]), ID vrijednost mora započeti latiničnim slovom.

Tada se svi važeći znakovi mogu staviti u bilo kojoj količini, ali prvi znak oznake sidra u vrijednosti ID atributa mora biti slovo (latinica, naravno). Inače, takvo sidro umetnuto u Html kod neće raditi (u većini preglednika).

Ako ne napišete ime oznake sidra (href="#") nakon simbola hash "#", tada će takva hiperveza pomicati stranicu na početak. Ovako možete stvoriti jednostavan gumb "Natrag na vrh" tako da napravite vezu od slike (o tome ćemo malo kasnije) i umetnete je u predložak svoje web stranice, na primjer, ovako:

Href je obavezni atribut oznake svake hiperveze

Prijeđimo sada s navigacije unutar dokumenta (koristeći sidra) na vanjsku navigaciju, tj. morat ćemo napraviti poveznice koje vode do drugih dokumenata na našoj ili drugoj stranici. Sada u atributu Href više ne moramo specificirati oznake sidra, već putanju do datoteke koju treba otvoriti (stranica je, prema dizajnu, datoteka učitana u preglednik za kasniji prikaz).

sidro

O tome bismo trebali dalje govoriti, ali o njima sam već detaljnije pisao u spomenutom materijalu, pa vjerojatno nema smisla ponavljati se. Ali morate znati kako postaviti stazu do datoteke u atributu Href hiperveze koju ste napravili. Stoga se ne pokušavajte upoznati s priloženim materijalom.

Međutim, dopustite mi da vas podsjetim da je pri izradi URL-ova poželjno koristiti samo sljedeće znakove: (,,,[_],[-]) i ne koristiti razmake. Ako uzmemo u obzir sadržaj atributa Href za apsolutne veze, tada se on može shematski prikazati na sljedeći način:

Ako odbacimo ono što ćete rijetko koristiti, onda to isto možete predstaviti u nešto pojednostavljenom obliku:

Protokol (obično http)://ime_domene (na primjer, web stranica)/put_do_datoteke ( Internet stranice)

Osim jednostavnog http protokola, na internetu se mogu pronaći poveznice s https protokolom koji se razlikuje po tome što koristi enkripciju. Potonji se koristi na stranicama gdje postoji potreba za zaštitom kanala razmjene podataka između poslužitelja i klijentovog preglednika. Na primjer, koristi se u uslugama elektroničkog novca Web Money.

Na internetu možete pronaći različite verzije Href sadržaja, primjerice ovu:

https://site/videokursy

Ili ovo (s ekstenzijom datoteke):

Https://site/seo/kak-raskrutit-sajt.html

To ne mijenja bit, ali ako na kraju sadržaja atributa Href unutar hiperveze stoji kosa crta, to znači da se više ne pristupa datoteci, već mapi u kojoj će se nalaziti odgovarajući indeksni objekt pretraživati ​​(za više detalja pročitajte gore navedeni članak o url adresama).

Skinite nešto s linka

Kao što vidite, ova se hiperveza ne razlikuje od obične, samo što preglednik razumije da treba preuzeti datoteku s ekstenzijom zip, a ne pokušati je otvoriti za pregled, kao što su, na primjer, datoteke dokumenata s html proširenje. Iako, sve to možete prilagoditi čisto pojedinačno u svom pregledniku kako bi odgovaralo vašim osobnim potrebama.

Preuzmite s Ftp poslužitelja

Također možete, na primjer, stvoriti (poštu) dodavanjem odgovarajućeg URL-a u Href:

Napisati pismo

Kada kliknete na ovaj link, na vašem računalu će se otvoriti onaj zadani koji koristite. program za poštu(u pregledniku možete konfigurirati veze s mailto u Hrefu za otvaranje u Gmailu itd.) i pojavit će se dijaloški okvir za kreiranje novog pisma u kojem će adresa e-pošte navedena u Hrefu biti umetnuta u polje "Prima".

Zapravo, možete napraviti prilično složene e-mail veze, uz pomoć kojih će se popuniti ostala polja u dijaloškom okviru za slanje e-pošte, ali to se koristi dosta rijetko.

I općenito, webmasteri U zadnje vrijeme Praktično smo prestali koristiti hiperlinkove s mailto u Hrefu zbog činjenice da ih spameri analiziraju sa svim posljedicama. Bolje ga je izraditi na web stranici, iako još uvijek imam sve prikazano u klasičnom obliku na kontakt stranici. Trebao bih ga promijeniti u slobodno vrijeme (ili ne... razmislit ću o tome).

Kako otvoriti vezu u novom prozoru (cilj je prazan)

Prilikom kreiranja poveznica u Html kodu često se susrećemo s pitanjem – u kojem prozoru preglednika otvoriti dokument na koji vodi? Prema zadanim postavkama, otvorit će se u postojećem prozoru, preklapajući stranicu s koje je ova hiperveza postavljena.

Osobno sam veliki pobornik atributa Target s vrijednošću blank, koji vam omogućuje da otvorite stranicu u novom prozoru, ostavljajući otvorenim dokument na koji je poveznica postavljena. Ne znam kako to utječe na upotrebljivost mog bloga, ali ova mi se opcija više sviđa i koristim je u gotovo svim slučajevima.

U tražilicama također volim konfigurirati otvaranje linkova u novom prozoru, tako da su rezultati uvijek pri ruci i da se uvijek možete vratiti na njih. U ove svrhe, kao što je već spomenuto, Html koristi poseban atribut Target, koji prema zadanim postavkama ima vrijednost Self:

Otvara dokument u istom prozoru

Iako, naravno, nitko ne piše target="_self" u oznaci "A", jer se ova vrijednost koristi prema zadanim postavkama, ali ako trebate otvoriti stranicu u novom prozoru, morat ćete napisati target="_blank ":

Otvara se u novom prozoru

Imajte na umu da su vrijednosti atributa Target napisane s podvlakom na početku (_blank), jer je to navedeno u Wc3 validatoru, koji sadrži rupe u jeziku za označavanje hiperteksta. Ono što je vrijedno pažnje je da Html pruža mogućnost promjene zadane opcije otvaranja poveznice.

Na primjer, ako želite da se sve hiperveze na vašem web-mjestu otvaraju u novom prozoru, morat ćete dodati oznaku Base s atributom target="_blank" u područje Head predloška koji koristite:

ima tu još nešto

A sada, ako želite otvoriti neku od poveznica u istom prozoru, tada ćete morati dodati target="_self" u njenu oznaku "A", jer prema zadanim postavkama sada koristite _blank. Oh, kako.

Inače, element Base sam upotrijebio na gore opisani način, ali sam u njega ugradio i područje koda s nekoliko hiperlinkova koje je trebalo otvoriti u novom prozoru. Oni. Također sam upotrijebio završnu oznaku Base unutar područja tijela i uspjelo je. Iako se takav kod, naravno, ispostavlja nevažećim.

Boje hiperveze lebdite i kliknite - kako ih promijeniti

Html jezik dizajniran je tako da se korisnik može lako kretati koji je link već otvorio, a koji je ostao nedirnut.

U tu svrhu koristi se boja koja će se promijeniti kada korisnik klikne na hipervezu i dokument povezan s njom bude uspješno otvoren. Vraćajući se na izvornu stranicu, korisnik će vidjeti da je poveznica koju je posjetio promijenila boju. Svi preglednici mogu izvesti ovaj trik.

Prema zadanim postavkama, u čistom HTML-u (bez korištenja CSS svojstva) poveznice su istaknute podcrtavanjem i mogu imati tri opcije boja:

Plava je boja za nepraćene poveznice na koje korisnik još nije kliknuo

Crveno - prihvaća ga hiperveza odmah nakon klika na nju i sve dok se traženi dokument ne preuzme u preglednik korisnika preko mreže (u modernim uvjetima nije nimalo lako uhvatiti ovaj trenutak i sve je krivo na svakom koraku)

Ljubičasta je boja za potrošene poveznice koje je korisnik već slijedio

U Html 4.01 ove boje za poveznice su zadane, ali se mogu mijenjati pomoću posebnih atributa koji su upisani u oznaku Body, a koju možete pronaći u jednoj od datoteka predloška koji koristite. Za promjenu sve tri boje koriste se tri atributa:

Veza—postavlja boju neposjećene veze

Alink - boja trenutno aktivne, koju obrađuje preglednik

Vlink - boja hiperveze koju je korisnik već posjetio

Zapamtite, već sam pisao o tome kako . Sukladno tome, navedeni atributi mogu izgledati ovako:

Naravno, ovdje se mislilo na čistu Html opciju, kada iz nekog razloga nije zgodno ili moguće koristiti stil, inače se sve te boje mogu lako postaviti i promijeniti pomoću .

Kako od slike napraviti poveznicu - dva načina

Pa, ovdje je sve vrlo jednostavno. Jer element malim slovima, onda se uglavnom svaka slika može smatrati samo slovom, možda samo veće veličine.

U slučaju čistog HTML-a, imat ćete okvir širok tri piksela oko slike koju ste povezali. Štoviše, boja ovog okvira u potpunosti će odgovarati bojama veza koje su prihvaćene za vašu stranicu (o njima smo govorili malo više u tekstu).

Da biste uklonili dodavanje obruba na sliku koju ste hipervezom povezali, trebate dodati atribut Obrub s vrijednošću nula u oznaku slike:

Ovo je vrlo jednostavan način da sliku napravite vezom, ali postoji složenija opcija koja se zove mapa slike. U ovom slučaju, zahvaljujući korištenju prilično velikog broja HTML oznaka i atributa, od jedne slike možete napraviti cijelu kartu veza s aktivnim područjima (na koje se može kliknuti i imaju različite oblike - pravokutnik, krug, poligon).

Na primjer, možete postaviti veliku fotografiju na svoju stranicu i imati je tako da kada kliknete na različite njezine dijelove, otvaraju se različite stranice s različitim hipervezama. Zapravo, trebalo bi dosta vremena da se opiše slikovna mapa i malo je vjerojatno da će je itko koristiti, pa to neću učiniti jer "igra nije vrijedna svijeća."

Sretno ti! Vidimo se uskoro na stranicama bloga

Moglo bi vas zanimati

Select, Option, Textarea, Label, Fieldset, Legend - oznake HTML obrasci padajuće liste i polje za tekst
Kako umetnuti u HTML veza i slika (fotografija) - IMG i A oznake
Iframe i Frame - što su i kako najbolje koristiti okvire u Html-u
Znakovi razmaka i njihovo oblikovanje koda u Html, kao i posebne znakove neprekinuti prostor i druge mnemotehnike
MailTo - što je to i kako napraviti link u HTML-u za slanje e-pošte
Kako su postavljene boje u Html i CSS kodu, izbor RGB nijansi u tablicama, Yandex izlaz i drugi programi
Font (lice, veličina i boja), Blockquote i Pre oznake - staro oblikovanje teksta u čisti HTML(bez koristeći CSS)
Img - Html tag za umetanje slike (Src), poravnavanje i omatanje teksta oko nje (align), kao i postavljanje pozadine (background)
Popisi u Html kodu - UL, OL, LI i DL oznake
Oznake naslova i atributi H1-H6, vodoravna crta Hr, prijelom retka Br i prijelom odlomka P prema Html 4.01 standardu