Nawigacja za pomocą linków href

HTML, tak jak ma to miejsce w przypadku języka hipertekstowego, pozwala nie tylko tworzyć treść jednej strony, ale także tworzyć zewnętrzne i wewnętrzne linki do innych, przesyłać dokumenty i wysyłać listy.

Znacznik "a href" jest jedną z dobrych starych tradycji. Jego funkcje są coraz częściej wykonywane przez bardziej nowoczesne metody. Jednak kotwica (kotwica) jest nadal łatwa w użyciu, a jej użycie jest uzasadnione w wielu przypadkach.

Możliwości

Tag "a href =" URL "" umożliwia przekierowanie użytkownika do określonego adresu URL w Internecie. Możesz określić atrybut "title =" #### 0 "", a następnie, po najechaniu myszą na znacznik, pojawi się opis łącza ustawionego przez programistę.

Możesz określić, gdzie link zostanie otwarty: w bieżącym oknie lub w nowym. Atrybut "target" może mieć następujące wartości:

• _blank (otwarty URL w nowym oknie);
• _self - (ładuje adres URL do bieżącego okna);
• _parent - (ładuje adres URL do ramki-rodzica);
• _top - (pobierz URL w pełnym oknie przeglądarki).

Zawartość tagu może być prawie wszystkim. Zwykle używa się tu obrazu lub tekstu, chociaż można zastosować inne bardziej złożone konstrukcje HTML.

Ten przykład pokazuje cztery różne linki. Pierwszy wskazuje na konkretny adres URL w sieci, a drugi na pozycję w bieżącej stronie. Trzeci uruchamia się program pocztowy wysłać list na podany adres, a ostatni daje odwiedzającym możliwość pobrania pliku * .pdf na jego komputer.

Dwa ostatnie łącza zawierają zdjęcia. We wszystkich przypadkach klikaj dowolne miejsce na zawartość tagu. Zwrot alt = "załaduj dokument" ma inne znaczenie i jest nieistotny dla podpowiedzi. Aby odwiedzający mógł zobaczyć podpis elementu, musi on być podany bezpośrednio w "a href", w jego atrybucie "title".

Przejdź do pozycji strony

Możesz użyć kotwicy z atrybutem name = "posName" i określić miejsca strony, do których może przejść odwiedzający. Umożliwi to zarówno odniesienie do określonej sekcji kodu, jak i zaznaczenie jej specyficznej funkcjonalności.

Na przykład na stronie podręcznika systemu FreeBSD można znaleźć spis treści procedury instalacji i konfiguracji tego systemu.

Deweloper wymienił wszystkie etapy procedury i każdy z nich oznaczono: "a name =" stepNo1 "", "a name =" stepNo2 "", ..., "a name =" stepNo9 "". To pozwoliło mu zaznaczyć każdy element spisu treści z niezbędnymi przejściami: "a href = '# stepNo1'" ('# stepNo2', ..., '# stepNo9').

Za pomocą linków możesz wykonywać nie tylko zawartość strony informacyjnej, ale także budować menu, rozwijać nawigację na stronie lub na stronie jako całość.

Funkcje aplikacji

Link nie może być zagnieżdżony. W rzeczywistości jasne jest, że link w linku jest nonsensem. Tag HTML "a href" nie zezwala na użycie innej treści jako treści.

Link można stylizować. Możesz zastosować identyfikator klasy lub CSS. Wewnątrz znacznika można bezpośrednio użyć atrybutu stylu "styl" - zostało to pokazane w przykładzie.

Łącze ma ważniejsze cechy, które odróżniają go od innych tagów. Można go oglądać lub klikać i może być aktywny.

W tym celu CSS przewiduje użycie opisów dla "a href" i pseudo-klas :: link ,: odwiedzony,: aktywny.

Korzystanie z pseudoklasy pozwala zmienić wygląd łącza w różnych sytuacjach (kliknięcie, ruch myszy, inne zdarzenia). Możesz przypisać do niego obsługę JavaScript. Na przykład musisz policzyć liczbę kliknięć linku, liczbę pobranych plików itp.

Względne i bezwzględne odniesienia

Tag HTML "a href" pozwala na użycie względnego wariantu do poruszania się po stronach witryny. W takim przypadku programista określa stronę bez określenia "http://" i manipuluje ukośnikami, aby nawigować po folderach witryny zawierających żądane strony.

Na przykład "../ nazwa strony" oznacza przejście na stronę znajdującą się poza bieżącym folderem, ale "nazwa folderu / nazwa strony" odnosi się do strony w folderze wewnątrz bieżącego.

Naturalnie nazwy tego i tego powinny być wskazane literami łacińskimi. Niestety użycie cyrylicy nie zawsze jest uzasadnione i bezpieczne dla nazw zewnętrznych.

W tym przykładzie link "1)" pokazuje, w jaki sposób można wykonać ruch przez elementy w witrynie. W tym przypadku jest to sklep, a linki służą do nawigowania po produktach. Strona jest tworzona na serwerze, przeglądarka otrzymuje ją z towarami, które aktualnie znajdują się w sklepie.

Gość wybiera produkt, a link przesyła go do danych o danym produkcie, umożliwiając mu zakup i dostawę.

W drugim przykładzie "2)" atrybut href służy do nawigacji ze strony do innych stron. Drugie łącze wskazuje, że "scfToSite (" scCall ");" handler będzie wywoływany za jednym kliknięciem myszy.

Odwołanie do protokołu

Możesz użyć nie tylko "a href http lub mailto:", możesz także określić "file: //, ftp: //, news:, telnet: //, ...". Te opcje są mniej powszechne.

Zwykle potrzebne są linki do nawigacji, do pobierania plików i wysyłania listu przez odwiedzającego witrynę na konkretny adres. Chociaż ten drugi aspekt nie jest najlepszym rozwiązaniem.

Fani spamowania często skanują zawartość stron w poszukiwaniu adresów e-mail. Na tej prostej podstawie jednoznaczne wskazanie adresu jest wysoce niepożądane. Bardziej nowoczesną opcją jest formularz wysyłania wiadomości, którą użytkownik wypełnia.

Menu przez linki

Sposób tworzenia elementu menu linku określa dewelopera. Ostatnio do organizacji menu używających list "li". Jest to uważane za dobry ze względów SEO. Wewnątrz tego znacznika można użyć nie tylko elementu "div" lub "span" do zaprojektowania elementu menu, ale także dowolnego innego projektu znacznika HTML.

Używanie znacznika "a" jako elementu menu jest czasami znacznie prostsze. Nie ma potrzeby dodawania dodatkowego kodu JavaScript do nawigacji. Przeglądarka automatycznie przekierowuje na właściwy adres.

Nawet jeśli ostatecznie menu serwisu jest tworzone poprzez określoną strukturę bloków lub tagów, nic nie stoi na przeszkodzie, aby programista uruchomił się lub przetestował, aby szybko poruszać się po tworzonych stronach.

Jednym ze wskaźników witryny jest wciąż stosunek linków, które do niej prowadzą, oraz linki, które do niej prowadzą. Używanie ich do łączenia stron witryny z sieciami społecznościowymi uważane jest za dobrą praktykę.

Projektowanie sieci społecznościowych w formie menu to znajome i efektywne wykorzystanie znacznika "a href".