Jednym z głównych wyróżników między stronami internetowymi a innymi formami komunikacji jest idea „linków”, czyli hiperłącza ponieważ są one technicznie znane w zakresie projektowania stron internetowych.
Oprócz tego, że pomagają uczynić sieć taką, jaka jest dzisiaj, linki, a także obrazy, są z łatwością najczęstszym dodawaniem elementów na stronach internetowych. Na szczęście te elementy są łatwe do dodania (tylko dwa podstawowe znaczniki HTML) i mogą wnieść emocje i interaktywność do stron, które w przeciwnym razie byłyby zwykłym tekstem. W tym artykule dowiesz się o tagu (kotwica), który jest aktualnym element HTML służy do dodawania linków do stron internetowych.
Dodawanie linków
Łącze jest nazywane kotwicą w HTML, więc znacznik, który go reprezentuje, jest znacznikiem A. Zwykle ludzie po prostu odnoszą się do tych dodatków jako „linki”, ale kotwica jest tym, co faktycznie jest dodawane do dowolnej strony.
Kiedy dodajesz link, musisz wskazać na adres strony internetowej do którego użytkownicy mają przejść po kliknięciu lub dotknięciu (jeśli są na ekranie dotykowym) tego łącza. Określasz to za pomocą atrybutu.
href Atrybut oznacza „odwołanie hipertekstowe” i jego celem jest dyktowanie adresu URL, do którego ma prowadzić dany link. Bez tych informacji link jest bezużyteczny, ponieważ powiedziałby przeglądarce, że użytkownik powinien zostać sprowadzony gdzieś, ale nie miałby dostępnych informacji o miejscu docelowym, gdzie to „gdzieś” powinno być. Ten tag i ten atrybut idą w parze.
Możesz połączyć prawie wszystko na swojej stronie HTML, w tym obrazy. Po prostu otocz elementy HTML lub elementy, które mają być łączem, za pomocą tagów i. Możesz także tworzyć linki zastępcze pomijając href atrybut — ale pamiętaj, aby wrócić i zaktualizować informacje href później, w przeciwnym razie link w rzeczywistości nic nie zrobi po uzyskaniu dostępu.
HTML5 umożliwia łączenie elementów blokowych, takich jak akapity i DIV elementy. Możesz dodać znacznik kotwicy wokół znacznie większego obszaru, takiego jak lista podziałów lub definicji, a cały ten obszar będzie „klikalny”. Może to być szczególnie przydatne podczas tworzenia większych, przyjaznych dla palców obszarów trafień na stronie internetowej.
Kilka rzeczy do zapamiętania podczas dodawania linków
- Ostatni tag to wymagany. Jeśli zapomnisz go uwzględnić, wszystko, co następuje po tym łączu, również zostanie połączone, dopóki inny link nie zamknie tagu.
- W większości przypadków najlepiej jest łączyć pojedyncze obrazy i krótkie fragmenty tekstu, a nie duże bloki tekstu. Linki mogą dodawać kolory i podkreślać style do Twojej strony, które mogą być trudne do odczytania. Oczywiście możesz użyć CSS, aby zmienić style tych linków i edytować kolory lub usunąć podkreślenia, ale nadal dobrze jest pamiętać o tej rzeczywistości.
- Sprawdź swoje linki, aby się nie zepsuły. Link Rot może sprawić, że zarówno użytkownicy, jak i wyszukiwarki uznają Twoją witrynę za nieprawidłową. Regularnie korzystaj z narzędzia do sprawdzania linków, aby weryfikować linki na swoich stronach. Jest to szczególnie ważne, gdy łączysz się z witrynami stron trzecich (takimi, którymi nie zarządzasz) i które mogą zmieniać swoje strony z czasem, pozostawiając martwe linki. Narzędzie do sprawdzania linków znajdzie te martwe linki, dzięki czemu możesz dokonać niezbędnych aktualizacji.
- Unikaj tekstu typu „kliknij tutaj” w swoim linku. Pamiętaj, że ludzie z ekranami dotykowymi nie mogą „kliknąć”, więc tekst wydaje się być produktem z minionej epoki i naprawdę nie ma znaczenia w dzisiejszej sieci zorientowanej na wiele urządzeń.
Inne ciekawe typy linków
ZA element tworzy standardowe łącze do innego dokumentu, ale istnieją inne rodzaje łączy, które mogą Cię zainteresować:
- Wewnętrzne linki lub kotwice: są to linki prowadzące do miejsca na stronie internetowej, niekoniecznie na górze.
- Mapy obrazów: Mapy obrazu pozwalają tworzyć linki na obrazach, które są mapowane do określonych obszarów obrazu. Mogą być używane do gier lub kreatywnej nawigacji. Często widzisz je z mapami, na których obszary na mapie można kliknąć. Pamiętaj, że mapy obrazów nie są używane na większości nowoczesnych stron internetowych, po części dlatego, że mogą powodować problemy na urządzeniach mobilnych.
- Element: Ten element służy do powiązania innych dokumentów i stron z bieżącym. Nie utworzy na Twojej stronie obszaru, który można kliknąć, ale warto to zrozumieć.