HTML, jako język hipertekstowy, pozwala nie tylko tworzyć zawartość jednej strony, ale także tworzyć zewnętrzne i wewnętrzne linki do innych osób, pobierać dokumenty i wysyłać listy.
Tag "a href należy do starych dobrych 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 podać tytuł = "tekst etykiety narzędzia", a następnie, po wskazaniu myszą nad tagiem, pojawi się opis linku ustawiony przez programistę. Możesz określić, gdzie otworzy się link: w bieżącym oknie lub w nowym. Atrybut target może mieć następujące wartości:
_blank (otwórz adres URL w nowym oknie);
_self - (pobierz URL w bieżącym oknie);
_parent - (pobierz adres URL w ramce-rodzic);
_top - (pobierz URL w pełnym oknie przeglądarki).
Zawartość tagu może być prawie dowolna. Zwykle używany jest tutaj obraz lub tekst, chociaż można zastosować inne, bardziej wyrafinowane projekty HTML.
W tym przykładzie są cztery różne łącza. Pierwsza wskazuje na konkretny adres URL w sieci, a druga na pozycję wewnątrz bieżącej strony. Trzeci uruchamia program poczty e-mail, aby wysłać list na podany adres, a drugi - pozwala użytkownikowi pobrać plik * .pdf na swój komputer.
Dwa ostatnielinki mają zdjęcia. We wszystkich przypadkach dopuszczamy kliknięcie w dowolnym miejscu treści tagu. Zwrot alt = "pobierz dokument" ma inne znaczenie i nie jest związany z podpowiedzią. Aby odwiedzający mógł zobaczyć podpis przedmiotu, musi on być podany bezpośrednio w "a href", w jego atrybucie "title".
Przechodzenie do pozycji strony
Możesz użyć kotwicy z atrybutem name = "posName" i określić strony strony, do których użytkownik może przejść. Pozwoli to zarówno na połączenie z określoną sekcją kodu, jak i na odnotowanie jego specyficznej funkcjonalności.
Na przykład strona podręcznika FreeBSD zawiera treść procedury instalacji i konfiguracji dla tego systemu. Deweloper wymienił wszystkie etapy procedury i oznaczył każdy z nich: "a name =" stepNo1 "," a name = "stepNo2", "a name =" stepNo9 ". To pozwoliło mu oznaczyć każdy element treści koniecznymi przejściami: "a href = '# stepNo1' '(' # stepNo2 ',,' # stepNo9 '). Dzięki linkom możesz nie tylko tworzyć zawartość strony informacyjnej, ale także tworzyć menu, rozwijać nawigację na stronie lub na stronie jako całości.
Cechy aplikacji
Nie można zainwestować łącza. W rzeczywistości, i oczywiste jest, że link do linku jest nonsensem. Tag "a href HTML nie pozwala używać jako treści innego.
Link może być udekorowany stylowo. Możesz zastosować identyfikator klasy lub CSS. Wewnątrz tagu możesz bezpośrednio użyć atrybutu stylu, jak pokazano w przykładzie. Link ma ważne cechy, które odróżniają go od innych tagów. Ona jestmożna wyświetlić lub kliknąć i być w stanie aktywnym. Aby to zrobić, CSS zapewnia użycie do opisu "href i pseudo classes :: link ,: visited ,: active.
Używanie pseudo-klas umożliwia zmianę projektu łącza w różnych sytuacjach (kliknięcie, ruch myszy, inne zdarzenia). Możesz przypisać do niego obsługę javascript. Na przykład należy policzyć liczbę kliknięć łącza, liczbę pobranych plików itp.
Względne i bezwzględne odniesienia
Tag "a href HTML pozwala na użycie w względnej wersji do nawigacji na stronach witryny. W tym przypadku programista wskazuje strony bez określenia "http: //" i manipuluje ukośnikami, aby poruszać się po folderach witryny, które zawierają żądane strony.
Na przykład "/nazwa strony" oznacza przejście do strony znajdującej się poza bieżącym folderem, ale "nazwa folderu /nazwa strony" określa stronę w bieżącym folderze. Oczywiście nazwy obu powinny być podane w języku łacińskim. Niestety używanie cyrylicy nie jest zawsze uzasadnione i bezpieczne dla nazw zewnętrznych.
W tym przykładzie link "1)" pokazuje, jak poruszać się po elementach wewnątrz witryny. W tym przypadku jest to sklep, a łącza służą do nawigacji po produkcie. Strona jest generowana na serwerze, przeglądarka otrzymuje ją z towarami, które są obecne w danym momencie w sklepie.
Gość wybiera produkt, a link przesyła go do danych o danym produkcie, umożliwia mu zorganizowanie zakupu i dostawy. W drugim przykładzie"2)", pokazuje, w jaki sposób atrybut href jest używany do przechodzenia z jednej strony na inną. Drugie łącze wskazuje, że mysz "cc" będzie nazywać się "scfToSite (" scCall ");".
Odnośnik do protokołu
Można używać nie tylko "a href http lub mailto:", ale także "file: //, ftp: //, news:, telnet: //,". Te opcje są mniej powszechne. Zwykle łącza są wymagane do nawigacji, pobierania plików i wysyłania listu do odwiedzającego stronę pod konkretnym adresem. Chociaż ostatni aspekt nie jest najlepszym rozwiązaniem. Spamerzy często skanują zawartość stron witryny podczas wyszukiwania adresów e-mail. Z tego prostego powodu wskazanie adresu jest wysoce niepożądane. Bardziej aktualną opcją jest formularz wysyłania wiadomości, którą użytkownik wypełnia.
Menu Łącza
Jak utworzyć łącze przez element menu określony przez programistę. Niedawno listy "li" służą do organizowania menu. Jest to uważany za dobry sygnał z powodów promocji SEO. Wewnątrz tego znacznika można użyć nie tylko elementu div lub span do utworzenia elementu menu, ale także dowolnego innego projektu znacznika HTML.
Używanie jako elementu menu znacznika "a" jest czasami znacznie łatwiejsze. Nie musisz pisać dodatkowego javascript tutaj, aby nawigować. Przeglądarka automatycznie przekierowuje na właściwy adres. Nawet jeśli w końcu menu serwisu zostanie utworzone przy użyciu określonej struktury listy bloków lub tagów, nic nie przeszkodzi programiście w rozpoczęciu pracy lub szybkim testowaniunawiguj po stronach, które są w fazie rozwoju. Jednym ze wskaźników na stronie, jak poprzednio, jest 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 jest uważane za dobrą praktykę. Projektowanie sieci społecznościowych w formie menu - zwykłe i efektywne wykorzystanie tagu «a href».
