Ten artykuł zawiera przewodnik dotyczący linku wewnętrznego:
Co to jest wewnętrzny link HTML?
Wewnętrzne łącza HTML to hiperłącza utworzone w celu umożliwienia użytkownikom poruszania się po różnych sekcjach strony internetowej. Użytkownik wchodząc w interakcję z linkiem wewnętrznym, przeglądarka przenosi ekran do określonej sekcji strony internetowej. Pomaga w nawigacji po użytkownikach, zwłaszcza jeśli istnieje pojedyncza witryna lub blog o długości jednej strony.
Prześledźmy prosty przykład zrozumienia linków wewnętrznych:
Przykład: użycie linków wewnętrznych jako nawigatora
Aby zrozumieć działanie linków wewnętrznych, można użyć przycisków nawigacyjnych. Na przykład w tej demonstracji utworzono dwa przyciski nawigacyjne i fikcyjną zawartość:
< dz >
< h2 ID = 'część pierwsza' > Część pierwsza < / h2 >
< P > Witamy w treści pierwszej części. < / P >
< h2 ID = 'część druga' > Część druga < / h2 >
< P > Świetnie! Dotarłeś do drugiej części treści < / P >
< / dz >
W powyższym fragmencie kodu:
- Najpierw dwa” Tagi ” służą do tworzenia dwóch nagłówków/sekcji strony internetowej. Te ' h2 ” elementy posiadają wartość „ część pierwsza ' I ' część druga ”, które są przypisane do ID ”, odpowiednio.
- Następnie „ ” używane są tagi, które przechowują treść dla każdego „ ”znacznik.
Teraz przyciski nawigacyjne są używane w odniesieniu do linków wewnętrznych. Te przyciski są tworzone przy użyciu następującego wiersza kodu:
< ul >< To > < A href = '#część pierwsza' >Część pierwsza< / A > < / To >
< To > < A href = '#część druga' >Część druga< / A > < / To >
< / ul >
W powyższym fragmencie kodu:
- Po pierwsze '
” do ustawiania elementów listy. - Następnie kotwica „ ” tag jest używany i dostarcza fałszywe dane do każdego „
”znacznik. - Następnie ustaw wartość „ href „atrybut obu” ” tagi do „ część pierwsza ' I ' część druga ” identyfikatory. To zadanie „ ID ” tworzy wewnętrzny link.
Po wykonaniu powyższych bloków kodu strona działa w następujący sposób:
Powyższy gif ilustruje działanie linków wewnętrznych na stronie.
Wniosek
Wewnętrzne łącza HTML to hiperłącza utworzone w celu umożliwienia użytkownikom poruszania się po różnych sekcjach strony internetowej. Aby utworzyć link wewnętrzny, przekaż identyfikator nadrzędnego elementu HTML. I podaj ten identyfikator jako wartość dla „ href ” atrybut dostarczany przez kotwicę HTML „ ' element. Ten ' ” można wykorzystać w pasku nawigacyjnym lub w dowolnym miejscu na stronie internetowej, która działa jako nawigator. W tym artykule zademonstrowano praktyczny przykład wewnętrznego łącza HTML.