Jednym z głównych wyróżników pomiędzy stronami internetowymi i innymi formami mediów komunikacyjnych jest idea "linków" lub hiperłączy, ponieważ są one technicznie znane w terminach projektowania stron internetowych.
Oprócz pomagania w tworzeniu internetu takim, jakim jest obecnie, linki, a także obrazy, są łatwo najczęściej dodawanymi elementami na stronach internetowych. Na szczęście te elementy są łatwe do dodania (tylko dwa podstawowe znaczniki HTML) i mogą wnieść ekscytację i interaktywność do stron, które w przeciwnym razie byłyby zwykłymi stronami tekstowymi. W tym artykule dowiesz się o znaczniku (anchor), który jest rzeczywistym elementem HTML używanym do dodawania linków do stron witryny.
Dodawanie linków
Link jest nazywany anchor w HTML, a tag do reprezentowania jest tagiem A. Zwykle ludzie odnoszą się do tych dodatków jako "linki", ale kotwica jest tym, co faktycznie jest dodawane do dowolnej strony.
Po dodaniu linku musisz wskazać adres strony internetowej, na którą mają wejść Twoi użytkownicy, gdy klikną lub dotkną (jeśli są na ekranie dotykowym) ten link. Określasz to za pomocą atrybutu.
The href atrybut oznacza "odniesienie hipertekstowe", a jego celem jest nakierowanie adresu URL, do którego ma prowadzić ten konkretny link. Bez tych informacji odsyłacz jest bezużyteczny - informuje przeglądarkę, że użytkownik powinien zostać gdzieś sprowadzony, ale nie miałby informacji o miejscu docelowym, gdzie powinien znajdować się "gdzieś". Ten tag i ten atrybut idą w parze.
Na przykład, aby utworzyć łącze tekstowe, piszesz:
Tekst, który będzie linkiem
Aby utworzyć łącze do strony głównej Web.com / HTML witryny About.com, piszesz:
Lifewire
Możesz połączyć prawie wszystko na swojej stronie HTML, w tym obrazy. Po prostu otaczaj elementy HTML lub elementy, które chcesz połączyć z
i tagi. Można również utworzyć łącza zastępcze, pomijając znak href atrybut - ale pamiętaj, aby wrócić i zaktualizować informacje o href później lub link nie będzie faktycznie robić nic podczas dostępu.
HTML5 umożliwia połączenie elementów bloków, takich jak akapity i DIV elementy. Możesz dodać znacznik zakotwiczenia wokół znacznie większego obszaru, takiego jak podział lub lista definicji, i że cały obszar będzie "klikalny". Może to być szczególnie pomocne w przypadku tworzenia większych, przyjaznych dla palców obszarów działania na stronie internetowej.
Niektóre rzeczy do zapamiętania podczas dodawania linków
- Finał tag jest wymagany. Jeśli zapomnisz go dołączyć, wszystko po tym linku 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 rozpiętości tekstu, a nie duże bloki tekstu. Łącza mogą dodawać kolory i podkreślać style na stronie, które mogą być trudne do odczytania. Oczywiście możesz użyć CSS, aby zmienić style linków i edytować kolory lub usunąć podkreślenia, ale nadal dobrze jest pamiętać o tej rzeczywistości.
- Sprawdź linki, aby się nie zepsuły. Link Rot może sprawić, że zarówno użytkownicy, jak i wyszukiwarki uznają Twoją witrynę za nieważną. Regularnie korzystaj z narzędzia do sprawdzania linków, by weryfikować linki na twoich stronach. Jest to szczególnie ważne, gdy łączysz się ze stronami stron trzecich (tymi, którymi nie zarządzasz) i które mogą zmieniać ich strony, pozostawiając ci martwe linki. Narzędzie do sprawdzania linków znajdzie te martwe linki, dzięki czemu będziesz mógł dokonać niezbędnych aktualizacji.
- Unikaj w linku tekstu takiego jak "kliknij tutaj". Pamiętaj, że osoby z ekranami dotykowymi nie mogą "kliknąć", aby tekst wyglądał jak produkt z minionej epoki i naprawdę nie ma znaczenia w dzisiejszej sieci z wieloma urządzeniami.
Inne interesujące typy łączy
The ZA element tworzy standardowe łącze do innego dokumentu, ale istnieją inne typy linków, które mogą Cię zainteresować:
- Wewnętrzne linki lub kotwice - są to linki do gdzieś na stronie internetowej, niekoniecznie do góry.
- Mapy obrazów - mapy obrazów umożliwiają tworzenie łączy na obrazach mapowanych do określonych obszarów obrazu. Można ich używać do gier lub twórczej nawigacji. Często widzisz je z mapami, w których można kliknąć obszary na mapie. Zwróć uwagę, że mapy obrazów nie są używane na większości nowoczesnych witryn internetowych, częściowo dlatego, że mogą powodować problemy na urządzeniu mobilnym.
- Element - ten element służy do powiązania innych dokumentów i stron z bieżącym. Nie utworzy on klikalnego obszaru na twojej stronie internetowej, ale warto go zrozumieć.
