A HTML a href attribútum példákkal magyarázva

Az attribútum egy hivatkozás által megadott rendeltetési helyre utal. A a(horgony) címke az attribútum nélkül halott .

A címke használata

A munkafolyamat során néha nem szeretne élő linket, vagy még nem fogja tudni a hivatkozás célját. Ebben az esetben hasznos az hrefattribútumot úgy állítani "#", hogy holt linket hozzon létre.

Az hrefattribútum segítségével helyi fájlokhoz vagy az interneten található fájlokhoz lehet linkelni.

Például:

  Href Attribute Example   

Href Attribute Example

The freeCodeCamp Contribution Page shows you how and where you can contribute to freeCodeCamp's community and growth.

Az attribútumot minden böngésző támogatja.

További HTML attribútumok:

hreflang : Megadja a csatolt erőforrás nyelvét.

target : Megadja azt a kontextust, amelyben a társított erőforrás megnyílik.

title : Megadja a hivatkozás címét, amely a felhasználó számára eszköztippként jelenik meg.

Példák

This is a dead link This is a live link to freeCodeCamp more with a href attribute

Oldalon belüli horgonyok

Lehetőség van horgony beállítására is az oldal bizonyos részére. Ehhez először helyezzen el egy lapot az oldalon az egyik címkével és a szükséges „name” attribútummal, benne minden kulcsszóleírással:

A címkék között semmilyen leírás nem szükséges. Ezután elhelyezhet egy linket, amely ehhez a horgonyhoz vezet, az ugyanazon az oldalon található bármely helyhez. Ehhez használnia kell a szükséges „href” attribútumot # (éles) szimbólummal és a horgony kulcsszavas leírásával:

Go to Top

Kép linkek

Ez alkalmazható képekre és más HTML elemekre is.

Példa

Néhány további példa a href-re

This gives a base url for all further urls on the page This is a live link to an external stylesheet

Mi mást tehet?

További testreszabás! Lássunk egy konkrét felhasználási esetet:

A mailto link egyfajta hiperhivatkozás ( ), speciális paraméterekkel, amelyek lehetővé teszik további címzettek, tárgysor és / vagy törzsszöveg megadását.

Az alapvető szintaxis a címzettel:

Some text

Tárgy hozzáadása az e-mailhez:

Ha egy adott témát szeretne hozzáadni az e-mailhez, vigyázzon arra, hogy felvegye, %20vagy +bárhol van szóköz a tárgysorban. A megfelelő formázás egyszerű módja az URL-dekóder / kódoló használata.

Törzsszöveg hozzáadása:

Ehhez hasonlóan hozzáadhat egy adott üzenetet az e-mail törzsrészéhez: Ismét a szóközöket a %20vagy a helyére kell cserélni +. Az alany paramater után minden további paramétert meg kell előznie&

Példa: Tegyük fel, hogy azt szeretnénk, hogy a felhasználók e-mailt küldjenek barátaiknak a Free Code Campben elért haladásukról:

Cím: üres

Tárgy: Remek hírek

Test: Fejlesztővé válok

HTML linked most:

Send mail!

Itt a mailto-t üresen hagytuk (mailto :?). Ez megnyitja a felhasználó e-mail kliensét, és a felhasználó maga adja hozzá a címzett címét.

További címzettek hozzáadása:

Ugyanígy hozzáadhatja a CC és a bcc paramétereket. Válassza el az egyes címeket vesszővel!

A további paramétereket meg kell előznie &.

Send mail!

Több információ:

MDN - E-mail linkek