Sobes.tech
Junior
186

Веб-әзірлеу контекстінде 'якорь' деген не?

AI-дан жауап

sobes.tech AI

Якорь — бұл веб-бет ішіндегі навигация құралы. Ол сілтемені жасауға мүмкіндік береді, ол басқа бетке емес, ағымдағы беттің нақты бөлімін көрсетеді.

Оны жүзеге асыру үшін:

  1. id атрибуты: Бұл атрибутты destination ретінде қызмет ететін элементке тағайындайды — яғни, қай жерге бағытталатынын көрсетеді. id бет ішінде бірегей болуы керек.

    <h2 id="section-title">Бөлімнің тақырыбы</h2>
    
  2. # символы мен id мәні бар сілтемелер: href атрибутында # және одан кейінгі мақсат элементтің id мәні көрсетіледі.

    <a href="#section-title">Бөлімге өту</a>
    

Мұндай сілтемеге басқанда, браузер беттегі сәйкес id бар элементке дейін айналдырады.

Якорьлерді қолдану үшін:

  • Ұзын беттерде мазмұн тізімін жасау.
  • Белгілі бөлімдерге (мысалы, формалар, байланыс ақпараттары, ескертпелер) тез өту.
  • Бетті жаңарту немесе қайтару кезінде пайдаланушының орнын сақтау.

URL-да якорь # таңбасы кейін қосылады: https://example.com/page#section-title.