Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма HTML5 и CSS3
6. Линкове, навигация и меню

Линкове към същата страница

-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Как работят линковете към секция в същата страница

Можем да създадем линк, който не отваря нова страница, а превърта текущата до конкретна секция. Това става чрез създаване на „котва“ (anchor) и използване на хеш (#) в линка. Най-важното е: името на целта и стойността след хеша трябва да съвпадат напълно. Така браузърът знае точно до коя част от страницата да скролира.

Стъпка по стъпка: как да направите линк към секция

  1. Намерете заглавието (например h2), към което искате да води линкът – например „Experience“.
  2. Поставете вътре в него a таг с атрибут name, например: name="Experience".
  3. Създайте линк по-горе в страницата с a таг и в href добавете #Experience.
  4. Запазете файла и тествайте – при клик страницата ще се скролира до съответната секция.
  5. В адресната лента ще се появи #Experience, което показва активната котва.

Използвани HTML елементи

  • a – създава хипервръзка или котва в страницата.
  • href="#име" – указва към коя вътрешна точка да се скролира (чрез хеш).
  • name="име" – дефинира цел (котва) в документа.
  • h2 – заглавен таг, който може да съдържа котвата.

Този подход е особено полезен при дълги страници с меню за бърза навигация.