Podstawy HTML - linki i kotwice

• Może 7, 2024

Możesz użyć linków, aby połączyć swoją stronę z innymi stronami lub nawet przejść do różnych części tej samej strony. Linki nadają Twojej witrynie dynamiczną jakość, która odróżnia ją od, powiedzmy, książki lub czasopisma.

Na najbardziej podstawowym poziomie tag linku wygląda następująco:



Każdy tag, który zaczyna się od „a”, wskazuje link, ale istnieją dwa podstawowe rodzaje linków: hiperłącza i nazwane kotwice. Hiperłącze to link, który łączy jedną stronę z inną stroną i będzie wyglądał mniej więcej tak:

Link do tekstu tutaj

Informacje zawarte w tagu informują przeglądarkę, że jest to hiperłącze (href), które łączy się ze stroną „page.html”. Tekst wewnątrz tagów (link tekst tutaj) jest częścią linku, który użytkownik faktycznie widzi i może kliknąć, aby przejść do page.html. Jeśli łączysz się ze stroną w witrynie ze strony znajdującej się w tej samej witrynie, możesz pominąć informacje o domenie. Na przykład, jeśli tworzysz link na swojej stronie pod adresem www.domain.com/home.html i link podłączony do strony docelowej www.domain.com/page.html, możesz napisać link jako i pominąć informacje o nazwie domeny. Jeśli pominiesz nazwę domeny, przeglądarka przyjmie, że strona docelowa znajduje się w tej samej witrynie, co strona z linkami.

Nazwana kotwica (często nazywana po prostu „kotwicą”) służy innym celom. Jak można się domyślić na podstawie nazwy, kotwica tworzy niewidoczną flagę na stronie, która informuje przeglądarkę, gdzie ma wylądować, po skonfigurowaniu linku, który opuszcza użytkowników w określonym punkcie na stronie. Kotwica wygląda następująco:



Zazwyczaj kotwica nie przechowuje żadnego tekstu między tagami otwierającym i zamykającym, ponieważ służy ona po prostu do zaznaczenia miejsca na stronie. Aby utworzyć link, który pozwoli odwiedzającym przejść do tego miejsca na stronie z innej strony, możesz utworzyć taki link:

Odwiedź sekcję Post

„#” W linku informuje przeglądarkę, że łączysz się z nazwaną kotwicą. Jeśli chcesz utworzyć hiperłącze, które przeskoczyłoby użytkownika do innej sekcji tej samej strony, wyglądałoby to mniej więcej tak:

Odwiedź sekcję Post

Inną ważną częścią twoich hiperłączy jest atrybut „target”. Informuje przeglądarkę, jak wyświetlić stronę docelową. Masz trzy główne opcje: „target =" _ blank "," "target =" _ self ", i" target = "_ top".

Argument „_blank” otworzy połączoną stronę w nowym oknie. Jest to szczególnie przydatne, gdy łączysz się z witryną zewnętrzną, ponieważ odwiedzający może przeglądać nową witrynę do treści swoich serc, nie tracąc swojej lokalizacji w witrynie. Najlepiej jest także otwierać dokumenty, takie jak pliki PDF, w nowym oknie, ponieważ odwiedzający często automatycznie zamykają dokument, gdy go skończą.

Argument „_self” powoduje, że połączona strona zastępuje bieżącą stronę w istniejącym oknie przeglądarki. Jest to najlepsze w przypadku linków w Twojej witrynie; w przeciwnym razie odwiedzający, którzy często przeglądają Twoją witrynę, znajdą wiele otwartych okien, co może być bardzo denerwujące! Jest to domyślny argument dla atrybutu „target”, więc jeśli nie określisz celu, twoje linki zawsze będą korzystać z istniejącego okna przeglądarki.

Argument „_top” jest zwykle używany w witrynach z ramkami i mówi przeglądarce, aby zastąpiła cały zestaw ramek, w przeciwieństwie do zwykłego ładowania nowej strony do dowolnej części zestawu ramek, która zawiera oryginalny link.

Instrukcje Wideo: Kurs HTML #5 - Budowa podstrony oraz linki wewnętrzne i zewnętrzne (Może 2024).