Veseli me, da vas pozdravljam na spletni strani bloga! V današnjem članku bomo začeli govoriti o jeziku hiperteksta html oznaka. Ta publikacija bo prvi te vrste (in še zdaleč ne zadnji), saj kaj takega še nisem napisal.

Načrt objave:

Zdaj, ko sem pridobil potrebno znanje in ga preizkusil v praksi, ga bom z veseljem delil s svojimi bralci. Ni brez razloga, koliko truda in časa je bilo porabljenega na začetni stopnji, na primer, da bi vedeli, kako vstaviti povezavo v html. Seveda boste po branju moje objave to tudi vedeli in zmogli.

Na splošno je treba omeniti, da so oznake povezav preprosto potrebne pri delu optimizatorjev, saj je njihov kruh samo optimizacija iskalnikov in seveda guruji na področju SEO najverjetneje ne morejo brez povezav, kaj šele navadni blogerji :).

Morda je html oznaka povezave A ena izmed mojih najpogosteje uporabljenih, poleg oznake img, ki je potrebna za prikaz slik v besedilu. V povprečju vsak članek, ki ga objavim, vsebuje približno pet povezav, tako na interne kot zunanje strani.

Ne pozabite, da se oznake za spletno mesto html uporabljajo ne samo pri pisanju objav. Prav tako jih boste potrebovali pri spreminjanju kode predloge, ki ste jo namestili na CMS WordPress ali kateri koli drug sistem za upravljanje vsebine.

Zato morate preučiti vsaj najosnovnejše oznake html, da v prihodnosti ne boste imeli težav pri delu s povezavami. Na primer, če uporabljate " Vizualni urejevalnik»Pri pisanju vaših člankov to ni ravno dobro, saj če ta urejevalnik ne deluje, ne boste poznali niti osnovne kode za dodajanje povezave.

Na splošno verjamem, da vam bo poznavanje osnovnih pojmov v označevalnem jeziku HTML zelo pomagalo in vam olajšalo življenje. Kljub temu čas, ki ga porabite za preučevanje gradiva, ki je za vas morda novo, ne bo izgubljen.

Obstaja tudi veliko več odtenkov, ki vam bodo olajšali delo in o katerih boste prebrali spodaj v mojem članku - to so rel=”nofollow” in target=“_blank” ter številne druge zanimivosti, povezane s povezavami.

Oznaka povezave A – ustvarite hiperpovezavo v dokumentu html s sidrom in brez njega

Kot sem že omenil zgoraj, je povezava ena najpogosteje uporabljenih oznak html. Potrebni so, da se lahko uporabniki preprosto premikajo iz enega dokumenta v drugega z enim klikom.

Če pa želite določiti pot hiperpovezave, morate uporabiti atribut href. Zahvaljujoč temu lahko in morate določiti URL strani, na katero želite vzpostaviti povezavo. To so lahko notranje strani vašega spletnega mesta ali strani katerega koli drugega vira na svetovnem spletu.

Anchor html link tag Pomemben dejavnik, ki ga iskalni roboti upoštevajo, zato morate biti nanj še posebej pozorni. Priporočam uporabo v sidru ključne besede, za katerega želite, da vaš članek pride na prva mesta v rezultatih iskanja.

Ko smo malo razumeli teorijo hiperpovezav v dokumentu html, lahko nadaljujemo z ilustrativnimi primeri. To je koda, ki jo bo imela povezava:

Tukaj bi moralo biti besedilo vaše hiperpovezave, to je sidro

Kot lahko vidite, se povezava začne z začetnim oklepajem ":

Na splošno ni lepo povedati uporabniku, kako naj odpre povezavo. Guruji uporabnosti spletnega mesta soglasno trdijo, da se lahko uporabnik sam odloči, kako odpreti povezavo. Svoja okna bo uredil brez naših želja glede te zadeve. Poleg tega bomo prekinili tudi funkcionalnost standardnega gumba »Nazaj« brskalnika. Tako nesramno poseganje v navade bo verjetno povzročilo sovražnost!

Poleg tega se ustvari slab vtis: »Uporabnik zapušča stran! Morda se nikoli ne vrne sem! Ah-ah-ah! Kaj storiti? odprimo nova povezava v drugem oknu! Mogoče bo, ko bo videl vse, kar potrebuje, takrat, ko bo zaprl to okno, spet prišel k nam in takrat bo zagotovo postal reden obiskovalec!«

Upam, da je pomen jasen - spletno mesto napolnite s kakovostno uporabno in zanimivo vsebino, nato pa se bodo obiskovalci vrnili zavestno in neodvisno.

Vendar pa poleg moralne strani obstaja tudi tehnična plat vprašanja - manjka ciljni atribut Specifikacije XHTML 1.0 Strogo in zato ne bo prestalo validacije!

Veljavna rešitev: JavaScript

Če ste se kljub prejšnjim odstavkom vseeno odločili (ali bili prisiljeni) stran odpreti v novem oknu, naredimo to vsaj pravilno.

Tu na pomoč priskoči JavaScript. Poskusimo prestreči dogodek onclick povezave in prisiliti odpiranje novega okna s funkcijo window.open(). Nato bomo prepovedali sledenje povezavi v izvornem oknu, tako da podamo return false:

Povezava se bo odprla v novem oknu

Dobljeno rešitev preverimo: .

Vse je super. Brskalniki samozavestno odprejo povezavo v novem oknu. Validator nas razveseli z zelenim sporočilom o uspehu. Zdi se, da se lahko pomirite, vendar ni tako! Poskusimo v vašem brskalniku nastaviti zaščitni blokator pojavnih oken in znova klikniti povezavo!

Boljša rešitev

Blokatorji pojavnih oken so namenjeni predvsem boju proti nadležnim oglasom. Ta funkcija je na voljo v vseh sodobnih brskalnikih. Nekateri brskalniki ponujajo celo različne stopnje blokiranja. Na primer, v Operi 9+ lahko blokirate samo »neželena« okna ali vse.

Ne vem, kolikšen odstotek uporabnikov se tako radikalno bori s pojavnimi okni, vendar samo s temi nastavitvami se namesto odpiranja okna preprosto prikaže majhen poziv "pojavno okno je blokirano". Še več, tudi to manifestacijo odziva brskalnika na klik lahko onemogočite v nastavitvah. V tem primeru bo povezava preprosto izgubila funkcionalnost: "Kliknem, vendar se nič ne zgodi!"

Če bi nekdo po branju tega rekel: »Ne moreš ugoditi vsem! Pa kdo jim je zdravnik, da jim je vse ugasnjeno!«, potem s takimi nismo na isti poti. Za ostale bomo nadaljevali.

Povezava se bo odprla v novem oknu

Tukaj smo izkoristili dejstvo, da funkcija window.open() vrne prav, če se je okno uspešno odprlo, drugače pa false. To pomeni, da v primeru, ko se je povezava uspešno odprla v novem oknu, blokiramo odpiranje povezave v svojem oknu, ker vrnitev bo!true=false. In obratno, če okna ni bilo mogoče odpreti, bo vrnitev true omogočila normalno delovanje povezave.

Dober dan, dragi bralci. Številka Odgovorov na vprašanja že dolgo ni izšla, mislim, da so mnogi že čakali na odgovore na svoja vprašanja. Nekateri ste že našli odgovor na svoje vprašanje brez moje pomoči, opravičujem se, ker vam nisem dal odgovora. izboljšal se bom. Žal tudi danes ne bom odgovoril na vsa vprašanja, ampak le na eno.

To vprašanje se mi je zdelo precej zanimivo in koristno, zato sem se odločil, da mu posvetim posebno pozornost. Tukaj je torej vprašanje.

Ali je mogoče uporabiti oznako target="_blank" za prisilno odpiranje povezave v novem oknu brskalnika? Ali ni to škodljivo? Ali to kaj vpliva?

Zelo zanimivo vprašanje, dejstvo je, da atribut oznake , ki odpre povezavo v novem oknu ali zavihku brskalnika, target="_blank", eden najbolj kontroverznih v HTML. Čeprav ga sam uporabljam samo in ga uporabljam več kot enkrat za svoje bralce, je še vedno vredno razumeti to vprašanje in poskušati priti do neke vrste mnenja.

Tukaj je vredno razmisliti o situaciji z dveh strani: uporaba cilja z vidika validacije in odpiranje povezave v novem oknu ali zavihku brskalnika z vidika uporabnosti. Začel bom s prvim.

Atribut target="_blank" je neveljaven atribut in njegova uporaba je dovoljena samo v prehodnih dokumentih:

Za primerjavo, v Bloggerju je tako:

vsebuje informacije o vrsti dokumenta, zahtevanem elementu spletne strani, ki brskalniku pove, kako naj si stran razlaga. Ne bom se spuščal v zgodovino ustvarjanja HTML, XML, XHTML - vse to je gradivo za več kot en članek. Bom pa poskušal prenesti bistvo.

Če govorimo o Bloggerju, potem je naša predloga mešanica dveh jezikov - HTML in XML, v takih primerih je treba določiti - XHTML 1.0 Strict. Dokumenti te vrste morajo imeti jasno sintakso, specifikacija za dokumente te vrste pa nima atributa target="_blank". Zato je za nas ta atribut neveljaven in ga je pravzaprav prepovedano uporabljati.

Če govorimo o drugih spletnih mestih, ali je tam mogoče uporabiti atribut target="_blank", potem morate pogledati izvorno kodo strani, in sicer vnos .

Vrsto dokumenta določi razvijalec določenega mesta, odvisno od tega, kateri jezik ali njegova različica se uporablja pri postavitvi mesta.

Kaj storiti v takšni situaciji?
Poznam le dve rešitvi te situacije. In obe možnosti še zdaleč nista idealni.

Prva možnost je, da lahko za veljavnost dokumenta uporabite posebne skripte JavaScript ali JQuery, ki odprejo strani v novem brskalniku.

Slaba stran te metode: če je JavaScript onemogočen v nastavitvah brskalnika, se stran ne bo odprla v novem oknu.

Druga možnost je, da uporabite target="_blank" in ne trpite več zaradi te težave. Čeprav ta atribut ni veljaven, ga še vedno podpirajo vsi brskalniki. In njegova uporaba na noben način ne vpliva na indeksiranje spletnega mesta s strani iskalnikov.

Razpravljali smo o prvem delu vprašanja, a kot sem že rekel, obstaja še druga plat vprašanja - uporabnost, udobje za obiskovalca. Ali je našim bralcem priročno odpreti povezave v novem zavihku?

Določen del (ne morem reči, koliko) razvijalcev meni, da je slaba oblika odvzeti uporabniku možnost, da se sam odloči, kako odpreti stran, v istem zavihku ali v novem. In tudi več A Sem del naprednih (izkušenih) uporabnikov, verjamejo, da se lahko sami odločijo, kako odpreti povezavo, saj je to predvideno, vsaj v isti miški. Po drugi strani pa je na internetu ogromno uporabnikov s podpovprečnim nivojem in mnogi ne vedo, da lahko z isto miško odprete katero koli povezavo v novem oknu.

Če še ne veste, kako to storiti, vam bom povedal. Vsaka miška mora imeti kolešček, tako da če se z miško pomaknete nad povezavo in kliknete na kolešček, se vam povezava odpre v novem oknu. Ali pa obstajajo miške s tremi gumbi, to funkcijo pa opravlja srednja tipka. Toda kot sem rekel, vsi uporabniki interneta ne vedo za tako prijetno malenkost.

Prav tako je z vidika mnogih uporabnikov priročno, da se notranja povezava odpre v istem oknu (zavihku) brskalnika, zunanje povezave pa se odprejo v novem zavihku, za mnoge je to preprosto in logično.

Prav zaradi tako nasprotujočih si mnenj in zaradi različne ravni znanja uporabnikov je atribut target="_blank" in nasploh problematika odpiranja povezav v novem oknu tema najbolj burne debate.

Kakšno je moje mnenje o tej zadevi? Sam sem bil začetnik, poznam veliko ljudi, ki o internetu vedo le Yandex in Odnoklassniki, pa preprosto nimajo pojma, kaj je monitor, zakaj je na tipkovnici toliko gumbov in zakaj kolešček na miški. je sploh potrebna (seveda se takšne vrzeli hitro zapolnijo). Sam menim, da je odpiranje nove strani v istem zavihku, kjer sem zdaj, izjemno neprijetno. Tudi če resnično nameravam zapustiti stran, me ne bo preveč skrbelo, če zaprem prejšnji zavihek. Želim, da se povezava znotraj spletnega mesta odpre v istem zavihku, zunanja povezava pa v novem. To je moje osebno mnenje in ne trdim, da je resnica.

Če ste resno razmišljali o tem vprašanju in se odločili za uporabo posebnega skripta, sem poskušal najti rešitev za vas. Ta skript je primeren za katero koli spletno stran, CMS in za platformo Blogger; pokazal vam bom uporabo Bloggerja kot primera.

Pojdite na Design – Edit HTML, poiščite kodo in vstavite kodo pred njo:

Če želite svoje uporabnike opozoriti, da se bo povezava odprla v novem zavihku, lahko za povezavo uporabite slog, kot sem naredil jaz. Če želite to narediti, predlogi pred vrstico ]]> dodajte naslednji slog:

Zunanji (
oblazinjenje: 0 10px 2px 0;
ozadje: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAABfA/QJM25G6lInk/externallink.gif) brez ponavljanja desno na sredini;
}

Objavil sem svoje vrednosti polnilnih polj. Odvisno od pisave, ki jo uporabljate, in nastavitev prikaza besedila boste morali te številke prilagoditi sebi. Prav tako lahko naložite sliko v svoj album ali pa uporabite drugo sliko.

Želim povedati, da sem preizkusil tri različne skripte in zgoraj predlagani ne deluje povsod. Če zgoraj predlagani skript ne deluje za vas, lahko poskusite naslednje možnosti:

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

Toda zadnja dva skripta ne podpirata samodejnega nalaganja slogov, tako da, če želite uporabiti slog za zunanjo povezavo, ki se razlikuje od notranje, potem ne pozabite dodeliti class class="external" povezavi.

To je vse o uporabi target="_blank" in odpiranju povezave v novem zavihku. Upam, da sem odgovoril na vprašanje bralca in da bodo te informacije koristne tudi vsem ostalim.

Dragi blogerji, če je vaše vprašanje povezano z Bloggerjem, toplo priporočam, da ga postavite na forumu. Odgovori so na blogu objavljeni redko in ne ravno redno, na odgovor na dokaj osnovno vprašanje pa je treba čakati več tednov. Z vprašanjem na forumu boste v nekaj urah prejeli odgovor od mene ali drugih uporabnikov.
Imej lep vikend.

Pozdravljeni, dragi bralci spletnega dnevnika. Danes želim podrobneje govoriti o tem, kaj je hiperpovezava jezik HTML, kako jih lahko umestite v besedilo na spletnem mestu, kako narediti povezavo do slike, kako pravilno uporabiti oznako »A« in njene atribute »Href« in »Target blank« (odpri v novem oknu).

Na splošno je hiperpovezava ključni element. Poleg tega so danes povezave eden izmed treh glavnih dejavnikov, ki vplivajo na uspešno promocijo spletne strani. Njihova pravilna uporaba in razumevanje, na primer, kako vplivajo na njihovo računovodstvo Iskalniki, lahko znatno vpliva na promet vašega vira.

Kaj so hiperpovezave in sidra?

Tako smo se že seznanili z zastarelimi oznakami, ki niso priporočljive za vsakodnevno uporabo. Nadaljujmo naše nadaljnje poznanstvo.

Za izdelavo hiperpovezave v Html kodi bomo morali uporabiti tudi oznako A. Zanjo lahko uporabimo različne atribute, nastavimo na primer URL naslov cilja za premikanje po tej povezavi (href) ali navodilo da se odpre v novem oknu (target= _blank). Toda pogovorimo se o vsem po vrsti.

Kot smo omenili zgoraj, so hiperpovezave ključni element jezika Html in vam omogočajo povezovanje tako do notranjih strani vašega spletnega mesta kot do drugih internetnih virov. Rekel bom banalnost - sledenje povezavi se izvede s klikom nanjo (kaj ste mislili?).

Poleg tega, da jih lahko delimo na notranje in zunanje, so lahko tudi pomožne in se uporabljajo izključno za potrebe brskalnika, s katerim se odpirajo strani vašega spletnega mesta.

V tem primeru ne bodo vidni na strani, ker so registrirani na območju glave izvorna koda dokument, katerega vsebina ni prikazana na strani (strukturo kode jezika za označevanje hiperbesedila sem omenil v članku o ).

Storitvene hiperpovezave niso ustvarjene z uporabo oznake »A« (kot običajne), temveč z uporabo oznake »Povezava«. Je kar nekaj nalog, ki jih opravljajo, na primer uporabo za HTML dokument zunanje datoteke s kaskadnimi slogovnimi listami CSS ali na primer .

Toda danes ne bomo razmišljali o tem, kako jih lahko ustvarite (do njih bomo še prišli), ampak se bomo podrobneje posvetili vidnim povezavam, ki jih je mogoče ustvariti v območju telesa in bodo v skladu s tem prikazane na spletni strani.

Toda kljub temu imajo vse hiperpovezave (tako vidne kot storitvene) eno skupno stvar - vse vsebujejo zahtevan atribut Href. V njem je kot njegova vrednost zapisano določeno mesto v dokumentu (če je bilo predhodno označeno s sidrom) ali naslov samega dokumenta na internetu (v Href ali drugače povedano pot do strani ali je zapisana kakšna druga datoteka).

Hiperpovezave so navigacijski elementi, ki so zasnovani tako, da vas prenesejo na druge dokumente v omrežju ali da se pomikate po vsebini spletne strani, ki si jo že ogledujete, z uporabo oznak, ki so vnaprej narejene v telesu dokumenta in se imenujejo tudi sidra Html.

Tukaj lahko pride do zmede, ker ... v SEO je beseda , v Html pa “anchor” pomeni sidro (prevod besede anchor) ali oznako v besedilu, na katero se potem lahko sklicujemo.

Zakaj se v HTML uporabljajo sidra? To je zelo priročno pri ustvarjanju navigacije na precej dolgi spletni strani. Verjetno ste ga videli na spletu, ko so na strani, ki jo odprete, takoj pod naslovom imena razdelkov članka, objavljenega na tej strani.

Tako bo bralec lahko takoj odšel na mesto na strani, kjer se nahajajo informacije, ki ga zanimajo, namesto da bi se mučil s listanjem po besedilu in vizualnim iskanjem pravega mesta. Priročno in izboljša.

Kako se ustvarijo sidra in zgoščene vrednosti povezav

Torej bo naša naloga v tem primeru namestiti sidra na prava mesta na strani (dokumentu), kar bo na splošno izgledalo takole:

Tisti. za izdelavo sidra morate v prazno oznako hiperpovezave »A« vnesti en sam atribut »Ime«, za vrednost katerega uporabite unikatno oznako, ki ne sme vsebovati presledkov in v kateri lahko uporabite latinične znake, številke , vezaji in podčrtaji (v popolni analogiji s pravili, po katerih lahko ustvarite URL-je - ,,,[_],[-]).

V tem primeru sidro ne bo vidno na sami strani, ker Znotraj elementov »A« nismo zapisali nobenega besedila. Vendar pa bodo tako ustvarjena sidra onesnažila kodo Html, zato zdaj veliko pogosteje kot sidra uporabljajo drug način za ustvarjanje oznake.

V tem primeru vam ni treba ustvariti prazne oznake »A«, ampak lahko uporabite katerega koli elementa, ki je že na voljo na pravem mestu v besedilu. To so lahko na primer.

Tisti. če želite ustvariti analog sidra, je dovolj, da kateri koli oznaki dodelite univerzalni atribut ID (lahko ga uporabite za vse oznake in, mimogrede, delujejo na njegovi podlagi), na primer takole:

Besedilo naslova

Torej, zdaj namesto ustvarjanja zahtevanega števila sider onesnažuje kodo in se pojavlja na ta trenutek ni veljavno (ni priporočljivo s strani konzorcija W3C, ki razvija jezik Html), preprosto dodamo Id.

Izkazalo se je, da boste za to morali, kot običajno, v hiperpovezavo »A« vstaviti zahtevani atribut »Href«, vendar bo vrednost tega sestavljena iz imena želene oznake (sidra), pred katero je hash znak "#", ki se imenuje tudi hash ( Mimogrede, tukaj rastejo noge pogosto uporabljenega imena: povezava hash):

se premakne na mesto strani, označeno s sidrom

Upoštevajte, da se ob kliku na takšno hiperpovezavo ne odpre nov dokument. Brskalnik se bo že pomikal odprta stran na takšen položaj, da mesto v besedilu, kamor ste vstavili sidro, zavzame položaj na samem vrhu zaslona. Logično bi bilo domnevati, da bi morale biti vrednosti vseh oznak (sider) na eni strani edinstvene, da bi se izognili zmedi za brskalnik.

Če naredite sidro z uporabo atributa ID v priročno nameščeni oznaki, potem morate upoštevati, da poleg omejitve glede vrste uporabljenih znakov (,,,[_], [-]) vrednost ID se mora začeti z latinično črko.

Nato lahko vse veljavne znake vnesete v poljubni količini, vendar mora biti prvi znak sidrne oznake v vrednosti atributa ID črka (latinica, seveda). V nasprotnem primeru tako sidro, vstavljeno v kodo Html, ne bo delovalo (v večini brskalnikov).

Če za simbolom "#" ne napišete nobenega imena oznake sidra (href="#"), bo taka hiperpovezava pomaknila stran na začetek. Tako lahko ustvarite preprost gumb »Nazaj na vrh«, tako da naredite povezavo iz slike (o tem bomo govorili malo kasneje) in jo vstavite v predlogo spletnega mesta, na primer takole:

Href je obvezen atribut oznake katere koli hiperpovezave

Zdaj pa preidimo od navigacije znotraj dokumenta (z uporabo sider) k zunanji navigaciji, tj. narediti bomo morali povezave do drugih dokumentov na naši ali drugi strani. Zdaj nam v atributu Href ni treba več določiti sidrnih oznak, temveč pot do datoteke, ki jo želimo odpreti (stran je po zasnovi datoteka, ki se naloži v brskalnik za nadaljnji prikaz).

sidro

O tem bi morali govoriti še naprej, vendar sem o njih podrobneje pisal že v omenjenem gradivu, zato se verjetno nima smisla ponavljati. Morate pa vedeti, kako nastaviti pot do datoteke v atributu Href hiperpovezave, ki ste jo naredili. Zato se ne poskušajte seznaniti s priloženim gradivom.

Vendar naj vas spomnim, da je pri ustvarjanju URL-jev zaželeno uporabljati samo naslednje znake: (,,,[_],[-]) in ne uporabljati presledkov. Če upoštevamo vsebino atributa Href za absolutne povezave, jo lahko shematično predstavimo na naslednji način:

Če zavržemo tisto, kar boste redko uporabljali, potem lahko isto stvar predstavite v nekoliko poenostavljeni obliki:

Protokol (običajno http)://ime_domene (na primer spletno mesto)/pot_do_datoteke ( spletne strani)

Poleg enostavnega protokola http lahko na internetu najdete povezave s protokolom https, ki se razlikuje po tem, da uporablja šifriranje. Slednji se uporablja na spletnih mestih, kjer je treba zaščititi kanal za izmenjavo podatkov med strežnikom in odjemalčevim brskalnikom. Uporablja se na primer v storitvah elektronskega denarja Web Money.

Na internetu lahko najdete različne različice Href vsebine, na primer tole:

https://site/videokursy

Ali to (s pripono datoteke):

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

To ne spremeni bistva, a če je na koncu vsebine atributa Href znotraj hiperpovezave poševnica, to pomeni, da dostop ni več do datoteke, temveč do mape, v kateri bo ustrezen indeksni objekt iskati (za več podrobnosti preberite članek o zgoraj omenjenih url naslovih).

Prenesite nekaj s povezave

Kot lahko vidite, se ta hiperpovezava ne razlikuje od običajne, le brskalnik razume, da mora prenesti datoteko s pripono zip in je ne poskuša odpreti za ogled, kot so na primer datoteke dokumentov z html razširitev. Čeprav lahko vse to popolnoma individualno prilagodite v svojem brskalniku, da ustreza vašim osebnim potrebam.

Prenesite s strežnika Ftp

Prav tako lahko na primer ustvarite (poštno) tako, da dodate ustrezen URL v Href:

Napisati pismo

Ko kliknete to povezavo, se vam v računalniku odpre privzeta, ki jo uporabljate. poštni program(v brskalniku lahko konfigurirate povezave z mailto v Href, da se odprejo v Gmailu itd.) in prikazalo se bo pogovorno okno za ustvarjanje novega pisma, v katerem bo e-poštni naslov, podan v Href, vstavljen v polje »Za«.

Pravzaprav lahko naredite precej zapletene e-poštne povezave, s pomočjo katerih bodo izpolnjena druga polja v pogovornem oknu za pošiljanje e-pošte, vendar se to uporablja precej redko.

In na splošno, spletni mojstri Zadnje čase Praktično smo prenehali uporabljati hiperpovezave z mailto v Hrefu, ker jih razčlenijo pošiljatelji neželene pošte z vsemi posledičnimi posledicami. Bolje, da ga ustvarite na spletni strani, čeprav imam še vedno vse predstavljeno v klasični obliki na kontaktni strani. Moral bi ga spremeniti v prostem času (ali pa tudi ne... bom razmislil).

Kako odpreti povezavo v novem oknu (cilj je prazen)

Pri ustvarjanju povezav v Html kodi se pogosto srečamo z vprašanjem - v katerem oknu brskalnika odpreti dokument, do katerega vodi? Privzeto se odpre v obstoječem oknu in prekriva stran, s katere je bila postavljena ta hiperpovezava.

Osebno sem velik zagovornik atributa Target z vrednostjo blank, ki vam omogoča, da odprete stran v novem oknu, dokument, kjer je bila povezava, pa ostane odprt. Ne vem, kako to vpliva na uporabnost mojega bloga, vendar mi je ta možnost bolj všeč in jo uporabljam v skoraj vseh primerih.

V iskalnikih tudi rad nastavim odpiranje povezav v novem oknu, da so rezultati vedno pri roki in se lahko vedno vrneš nanje. Za te namene, kot že omenjeno, Html uporablja poseben atribut Target, ki ima privzeto vrednost Self:

Odpre dokument v istem oknu

Čeprav seveda nihče ne piše target="_self" v oznaki "A", ker je ta vrednost privzeto uporabljena, če pa morate stran odpreti v novem oknu, boste morali napisati target="_blank ":

Odpre se v novem oknu

Upoštevajte, da so vrednosti atributa Target napisane s podčrtajem na začetku (_blank), ker je to določeno v validatorju Wc3, ki vsebuje luknje v označevalnem jeziku hiperbesedila. Omeniti velja, da Html omogoča spreminjanje privzete možnosti odpiranja povezave.

Na primer, če želite, da se vse hiperpovezave na vašem spletnem mestu odprejo v novem oknu, boste morali dodati oznako Base z atributom target="_blank" v območju Head predloge, ki jo uporabljate:

tam je še nekaj

In zdaj, če želite odpreti eno od povezav v istem oknu, boste morali njeni oznaki »A« dodati target="_self", ker zdaj privzeto uporabljate _blank. Oh, kako.

Mimogrede, element Base sem uporabil na zgoraj opisani način, vendar sem vanj zaprl tudi področje kode z več hiperpovezavami, ki jih je bilo treba odpreti v novem oknu. Tisti. Uporabil sem tudi zaključno oznako Base znotraj območja Body in delovalo je. Čeprav se takšna koda seveda izkaže za neveljavno.

Barve hiperpovezave s kazalcem miške in klika – kako jih spremeniti

Jezik Html je bil zasnovan tako, da je uporabnik zlahka krmaril, katero povezavo je že odprl in katera je ostala nedotaknjena.

V ta namen se uporablja barva, ki se spremeni, ko uporabnik klikne na hiperpovezavo in se dokument, povezan z njo, uspešno odpre. Ko se uporabnik vrne na prvotno stran, bo ugotovil, da je povezava, ki jo je obiskal, spremenila barvo. Vsi brskalniki zmorejo ta trik.

Privzeto v čistem HTML (brez uporabe Lastnosti CSS) povezave so označene s podčrtajem in imajo lahko tri barvne možnosti:

Modra je barva za nesledane povezave, ki jih uporabnik še ni kliknil

Rdeča - hiperpovezava jo sprejme takoj po kliku nanjo in dokler se zahtevani dokument ne prenese v uporabnikov brskalnik prek omrežja (v sodobnih razmerah tega trenutka sploh ni lahko ujeti in vse je krivo povsod)

Vijolična je barva za izrabljene povezave, ki jim je uporabnik že sledil

V Html 4.01 so te barve za povezave privzete, vendar jih je mogoče spremeniti s posebnimi atributi, ki so zapisani v oznaki Body, ki jo najdete v eni od datotek predloge, ki jo uporabljate. Za spreminjanje vseh treh barv se uporabljajo trije atributi:

Povezava—nastavi barvo neobiskane povezave

Alink - barva trenutno aktivnega, ki ga obdeluje brskalnik

Vlink - barva hiperpovezave, ki jo je uporabnik že obiskal

Ne pozabite, pisal sem že o tem, kako. V skladu s tem bi lahko omenjeni atributi izgledali takole:

Seveda je bila tukaj mišljena čista možnost Html, ko iz nekega razloga ni priročno ali mogoče uporabiti stilov, sicer pa je vse te barve mogoče enostavno nastaviti in spremeniti z uporabo .

Kako narediti sliko povezavo - dva načina

No, tukaj je vse precej preprosto. Ker je element z malimi črkami, potem lahko vsako sliko na splošno štejemo le za črko, morda samo večje velikosti.

V primeru čistega HTML-ja boste okoli slike, ki ste jo naredili povezavo, imeli okvir širok tri slikovne pike. Poleg tega bo barva tega okvirja v celoti ustrezala barvam povezav, sprejetim za vaše spletno mesto (o njih smo govorili nekoliko višje v besedilu).

Če želite odstraniti dodajanje obrobe sliki, ki ste jo hiperpovezali, morate oznaki Img dodati atribut Border z vrednostjo nič:

To je zelo preprost način, da sliko naredite kot povezavo, vendar obstaja bolj zapletena možnost, imenovana slikovni zemljevid. V tem primeru lahko zahvaljujoč uporabi dokaj velikega števila oznak in atributov HTML iz ene slike naredite cel zemljevid povezav z aktivnimi območji (ki jih je mogoče klikniti in imajo različne oblike - pravokotnik, krog, poligon).

Na svojo stran lahko na primer postavite veliko fotografijo, tako da se ob kliku na različne dele odprejo različne strani z različnimi hiperpovezavami. Pravzaprav bi trajalo precej časa, da bi opisali zemljevid slike, in malo verjetno je, da ga bo kdo uporabil, zato tega ne bom naredil, ker "igra ni vredna sveče."

Srečno! Kmalu se vidimo na straneh spletnega dnevnika

Morda vas bo zanimalo

Select, Option, Textarea, Label, Fieldset, Legend - oznake obrazci HTML spustne sezname in besedilno polje
Kako vstaviti v HTML povezava in slika (fotografija) - oznake IMG in A
Iframe in Frame – kaj sta in kako najbolje uporabiti okvirje v Html
Presledki in njihovo oblikovanje kode v Html ter posebne znake neprekinjen prostor in druge mnemotehnike
MailTo - kaj je to in kako ustvariti povezavo v Html za pošiljanje e-pošte
Kako so barve nastavljene v kodi Html in CSS, izbira odtenkov RGB v tabelah, izpis Yandex in drugi programi
Pisava (obraz, velikost in barva), narekovaji in oznake Pre - podedovano oblikovanje besedila v čisti HTML(brez z uporabo CSS)
Img - Html oznaka za vstavljanje slike (Src), poravnavo in oblivanje besedila okoli nje (align), kot tudi nastavitev ozadja (background)
Seznami v Html kodi - oznake UL, OL, LI in DL
Naslovne oznake in atributi H1-H6, vodoravna črta Hr, prelom vrstice Br in prelom odstavka P po standardu Html 4.01