Usidrenje na web mjestu vrlo je korisno ako želite da članci na vašem web mjestu imaju prikladan prijelaz između stavki popisa. Okreću stranicu na željenu točku ili otvaraju željenu stranicu, pomažući korisniku da brzo pronađe potrebne informacije.
Ako pišete vlastitu web stranicu, trebali ste razmisliti o tome kako olakšati navigaciju na web lokaciji. Kako korisnik ne bi morao tražiti informacije koje su mu potrebne na svim stranicama vaše stranice, najbolje je koristiti tehniku "usidrenja". Stvorit će vezu do bilo kojih informacija ili dokumenata bilo gdje na vašoj web lokaciji.
Teorija
Za stvaranje sidra potrebna su vam dva elementa:
- Dio koda, koji označava vezu do našeg sidra, lijevo u drugom dijelu web stranice.
- Bilo koji dio koda u kojem se može navesti identifikator je naše sidro.
Prvo morate stvoriti prvi dio sidra - vezu do njega. Link sidra ima dva dijela: link stranice i sidrište.
- Stvorite oznaku "a" ili bilo koju drugu oznaku koja podržava atribut "href"
- U ovoj oznaci stvorite atribut "href"
- Navedite vezu do stranice web lokacije u vrijednosti atributa.
- Nakon veze, navedite vezu do sidra pomoću simbola "#" i bilo kojeg naziva sidra (napisanog zajedno, na primjer: "# sidro")
Ako preskočite točku 3 i ne navedete vezu do stranice web stranice, sidro će se tražiti na trenutnoj stranici. Odnosno, ako želite stvoriti vezu do sidra koje se nalazi na istoj stranici, možete izostaviti vezu do same stranice.
Preostalo je stvoriti drugi dio sidra - identifikator. Odnosi se na bilo koju oznaku u kodu web lokacije koja podržava atribut id. Da biste kreirali sidro, trebate:
- Stvorite atribut "id" u traženoj oznaci.
- U atributu "id" navedite vrijednost imena sidra koja je navedena u prethodnom koraku. (primjer:)
Nakon ova dva koraka na web mjestu se pojavljuje veza koja će vas odvesti do navedenog sidra.
Vježbaj
Razmotrimo kako stvoriti sidro na konkretnom primjeru.
Imamo jednostavnu stranicu poput ove:
Imamo tekst na vrhu i dnu stranice, puno "br" oznaka koje stvaraju razmak između tekstova. Moramo stvoriti sidro kako bismo mogli brzo pogledati tekst na dnu.
Da biste to učinili, stvorite novu oznaku - "a" nakon natpisa "tekst na vrhu". U njemu kreiramo atribut "href". Da bismo sidro učinili praktičnijim, zapisat ćemo "na link".
Sada u atributu specificiramo vrijednost "#yakor" - to će biti veza do imena sidra.
Prvi dio sidra - veza do njega - spreman je. Sada ostaje samo stvoriti sidro. Prelazimo na željeni dio stranice. U ovom slučaju to je "tekst na dnu". Budući da je ovo jednostavan tekst bez oznake, moramo ga stvoriti. Da biste to učinili, priložite tekst u "pasusu" - označite "p".
U ovoj oznaci kreiramo atribut "id" i u njega unosimo vrijednost "yakor". Vrijednost "yakor" se podudara s imenom sidra koje je navedeno u vezi.
Sada naše sidro radi kako treba.
