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 stranicu, trebali ste razmisliti o tome kako olakšati navigaciju web stranicom. Kako korisnik ne bi morao tražiti informacije koje su mu potrebne na svim stranicama vašeg web mjesta, najbolje je koristiti tehniku "usidrenja". Stvorit će vezu do bilo kojih informacija ili dokumenata bilo gdje na vašoj web lokaciji.
Teorija
Da biste stvorili sidro, potrebna su vam dva elementa:
- Dio koda, koji označava vezu do našeg sidra, lijevo u drugom dijelu web mjesta.
- Bilo koji dio koda u kojem se može navesti identifikator naše je sidro.
Prvo morate stvoriti prvi dio sidra - vezu do njega. Usidrena veza ima dva dijela: poveznica na stranicu i sidrena veza.
- 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 smještenog na istoj stranici, možete izostaviti vezu do same stranice.
Ostaje stvoriti drugi dio sidra - identifikator. Odnosi se na bilo koju oznaku u kodu web lokacije koja podržava atribut id. Da biste stvorili 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.
Praksa
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 stvaramo atribut "href". Da bismo sidro učinili praktičnijim, zapisat ćemo "na link".
Sada u atributu specificiramo vrijednost "#yakor" - to će biti veza do naziva 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, trebamo ga stvoriti. Da biste to učinili, dodajte tekst u "odlomak" - oznaku "p".
U ovoj oznaci stvaramo atribut "id" i u njega unosimo vrijednost "yakor". Vrijednost "yakor" odgovara nazivu sidra navedenom u vezi.
Sada naše sidro radi kako bi trebalo.