Osnove HTML - povezave in sidra

• Maj 12, 2024

Povezave lahko uporabite za povezavo strani z drugimi ali celo za skok na različne dele iste strani. Povezave vašemu spletnemu mestu zagotavljajo dinamično kakovost, zaradi katere se razlikujejo od recimo knjige ali revije.

Na osnovni ravni je oznaka povezave videti tako:



Vsaka oznaka, ki se začne z 'a', označuje povezavo, vendar obstajata dve osnovni vrsti povezav: hiperpovezave in imenovana sidra. Hiperpovezava je povezava, ki povezuje eno spletno stran z drugo spletno stranjo in bo videti nekako takole:

Tukaj povežite besedilo

Informacije v oznaki povedo vašemu brskalniku, da gre za hiperpovezavo (href), ki se poveže s spletno stranjo 'page.html.' Besedilo znotraj oznak (tukaj je besedilo povezave) je del povezave, ki ga obiskovalec dejansko vidi, in lahko klikne, da skoči na page.html. Če se na stran na svojem spletnem mestu povezujete s strani, ki se nahaja na istem spletnem mestu, lahko podatke o domeni izpustite. Če ste na primer ustvarili povezavo na svoji strani, ki se nahaja na naslovu www.domain.com/home.html, in povezavo do ciljne strani www.domain.com/page.html, lahko napišete povezavo kot in preskočite podatki o domeni. Če imena domene ne izpustite, bo brskalnik domneval, da se ciljna stran nahaja na istem spletnem mestu kot povezava.

Imenovano sidro (pogosto imenovano preprosto sidro) služi drugačnemu namenu. Kot ste morda uganili iz imena, sidro ustvari nevidno zastavico na strani, ki pove brskalniku, kam naj pristane, ko nastavite povezavo, ki obiskovalce spusti na določeno točko na strani. Sidro je videti tako:



Običajno sidro med začetnimi in zapiralnimi oznakami ne vsebuje nobenega besedila, ker je preprosto zato, da na strani označite mesto. Če želite ustvariti povezavo, ki bo obiskovalcem omogočila skok do tega mesta na drugi strani, lahko ustvarite hiperpovezavo, kot je ta:

Obiščite razdelek Objava

"#" V povezavi pove brskalniku, da se povezujete z imenovanim sidrom. Če bi želeli ustvariti hiperpovezavo, ki bi obiskovalca skočila na drug odsek iste strani, bi bil videti nekako takole:

Obiščite razdelek Objava

Drugi pomemben del vaših hiperpovezav je atribut 'target'. To brskalniku pove, kako prikazati ciljno stran. Na voljo imate tri glavne možnosti: 'target = "_ blank", "" target = "_ self", "in" target = "_ top". "

Argument '_blank' bo povezano stran odprl v novem oknu. To je še posebej koristno, ko se povezujete z zunanjim spletnim mestom, saj lahko obiskovalec brska po novem spletnem mestu po vsebini njihovega srca, ne da bi izgubil svojo lokacijo na vašem spletnem mestu. Najbolje je, da dokumente, kot je PDF, odprete v novem oknu, saj bodo obiskovalci pogosto samodejno zaprli dokument, ko končajo z njim.

Argument '_self' povzroči, da povezana stran nadomesti trenutno stran v obstoječem oknu brskalnika. To je najbolje za povezave znotraj vašega spletnega mesta; sicer bodo obiskovalci, ki veliko brskajo po vašem spletnem mestu, na koncu odprli veliko odprtih oken, kar je lahko zelo nadležno! To je privzeti argument za atribut 'target', tako da če ne določite cilja, bodo vaše povezave vedno uporabljale obstoječe okno brskalnika.

Argument '_top' se običajno uporablja na spletnih mestih s skupinami okvirjev in brskalniku naloži, naj prebriše celoten niz slik, v nasprotju s preprostim nalaganjem nove strani v tisti del okvirja, ki vsebuje prvotno povezavo.

Navodila Video: The secret language of trees - Camille Defrenne and Suzanne Simard (Maj 2024).