Hoe Om HTML Te Anker

INHOUDSOPGAWE:

Hoe Om HTML Te Anker
Hoe Om HTML Te Anker

Video: Hoe Om HTML Te Anker

Video: Hoe Om HTML Te Anker
Video: Anker | HTML #10 2024, November
Anonim

Die anker op die webwerf is baie handig as u wil hê dat die artikels op u webwerf 'n maklike oorgang tussen die lysitems moet hê. Hulle draai die bladsy na die gewenste punt of open die gewenste bladsy en help die gebruiker om vinnig die inligting te vind wat hy benodig.

Hoe om HTML te anker
Hoe om HTML te anker

As u u eie werf skryf, sou u moes nadink oor hoe u u werfnavigasie gemakliker kan maak. Dit is die beste om die "anker" -tegniek te gebruik sodat die gebruiker nie die nodige inligting op al die bladsye op u webwerf hoef te soek nie. Dit sal 'n skakel na enige inligting of dokument op enige plek op u webwerf skep.

Teorie

Om 'n anker te skep, benodig u twee elemente:

  • Die gedeelte van die kode, wat die skakel na ons anker aandui, word in 'n ander deel van die webwerf gelaat.
  • Enige deel van die kode waarin 'n identifiseerder gespesifiseer kan word, is ons anker.

Eerstens moet u die eerste deel van die anker skep - 'n skakel daarheen. 'N Ankerskakel het twee dele: 'n bladsy skakel en 'n anker skakel.

  1. Skep 'n 'a' tag of enige ander tag wat die kenmerk 'href' ondersteun
  2. Skep die kenmerk "href" in hierdie tag
  3. Spesifiseer 'n skakel na die werfblad in die kenmerkwaarde.
  4. Na die skakel, dui die skakel na die anker aan met behulp van die "#" simbool en enige naam vir die anker (saam geskryf, byvoorbeeld: "# anker")

As u punt 3 oorslaan en nie 'n skakel na die werfbladsy spesifiseer nie, sal die anker op die huidige bladsy gesoek word. Dit wil sê as u 'n skakel na 'n anker op dieselfde bladsy wil skep, kan u die skakel na die bladsy self weglaat.

Dit bly om die tweede deel van die anker te skep - die identifiseerder. Dit verwys na enige merker in die werfkode wat die id-kenmerk ondersteun. Om 'n anker te skep, benodig u:

  1. Skep 'n "id" -kenmerk in die vereiste merker.
  2. Spesifiseer die waarde van die ankernaam wat in die vorige stap gespesifiseer is in die kenmerk "id". (voorbeeld:)

Na hierdie twee stappe verskyn 'n skakel op die webwerf wat u na die gespesifiseerde anker sal neem.

Oefen

Kom ons kyk hoe om 'n anker te skep met behulp van 'n spesifieke voorbeeld.

Ons het 'n eenvoudige bladsy soos volg:

Beeld
Beeld

Ons het teks bo en onder aan die bladsy, baie "br" -etikette wat ruimte tussen die tekste skep. Ons moet 'n anker skep sodat ons vinnig na die teks onderaan kan kyk.

Om dit te doen, skep u 'n nuwe tag - 'a' na die inskripsie 'teks aan die bokant'. Daarin skep ons die "href" -kenmerk. Om die anker geriefliker te maak, sal ons in die skakel 'neerskryf'.

Beeld
Beeld

Nou spesifiseer ons die waarde "#yakor" in die kenmerk - dit sal 'n skakel wees na die naam van die anker.

Beeld
Beeld

Die eerste deel van die anker - die skakel daarheen - is gereed. Nou bly net die anker self te skep. Ons gaan deur na die gewenste gedeelte van die bladsy. In hierdie geval is dit 'teks onderaan'. Aangesien dit eenvoudige teks sonder 'n etiket is, moet ons dit skep. Om dit te doen, sluit die teks in 'n "paragraaf" - tag "p" in.

In hierdie tag skep ons die "id" -kenmerk en voer die waarde "yakor" daarin in. Die waarde "yakor" stem ooreen met die ankernaam wat in die skakel gespesifiseer is.

Beeld
Beeld

Nou werk ons anker soos dit moet.

Aanbeveel: