Co to jest href = ”#” i dlaczego jest używany?

Co to jest href = ”#” i dlaczego jest używany?
HTML zawiera liczne znaczniki ze szczególnymi funkcjami. Te elementy lub znaczniki mogą być powiązane z atrybutami. Mówiąc dokładniej, atrybuty odnoszą się do dodatkowych informacji o elementach. HTML "”Tag służy do osadzania hiperłącza innej strony HTML w dokumencie. Wykorzystuje „Href”Atrybut do ustawienia adresu URL innego dokumentu HTML.

Ten zapis będzie Cię poinformowany:

  • Co to jest html "”Tag?
  • Co to jest href ”#”I dlaczego jest używany?

Co to jest tag html „”?

HTML "„Tag to znacznik kotwicy. Jest wykorzystywany do połączenia jednego dokumentu z drugim. Składnia znacznika „” podano poniżej:

treść

Tutaj "„Tag składa się z tagu początkowego,„Href„Atrybut i znacznik końcowy.

Przykład: Jak użyć atrybutu „HREF”?
W poniższym przykładzie „Href”Atrybut określa odniesienie lub adres URL załączonego dokumentu:

Linuxhint

Tutaj "”Tag przekonwertował tekst na hiperłącze. Kliknięcie go będzie nawigować do strony internetowej Linuxhint:

Co to jest href = ”#” i dlaczego jest używany?

„„Href„Atrybut może mieć różne wartości. Jednak wartość „#„Zabiera cię na górę bieżącej strony. Przez większość czasu atrybut „HREF” o wartości ”#”Deweloperzy używane jest do tworzenia hiperłącza na szablony witryn.

„„Href„Atrybut może mieć różne wartości. Niektóre z nich są wspomniane poniżej:

  • href = „#ID"
  • href = „#"
  • href = „”
  • href = „jakiś link"

Przykład 1: Jak używać href = „#id” w CSS?
„„Href„Atrybut można ustawić za pomocą„#”Wraz z pewnym identyfikatorem. Gdy użytkownik kliknie hiperłącze, zabierze użytkownika do określonej sekcji:

  • W pliku HTML dodaj dwa „„Elementy z„ID„Atrybuty”Część 1" I "część 2”Odpowiednio.
  • Oba elementy „” zawierają pewne treści.
  • Pierwszy „” zawiera „

    ”Tag, aby osadzić nagłówek poziomu 2.

  • A później "”Tag jest wykorzystywany z„Href" atrybut. „„Href”Atrybut jest ustawiony jako„#część 2”, Który wskazuje„ id ”drugiego elementu„ ”.
  • Następnie dołącz „
      " I "
    • ”Tagi z niektórymi danymi.
    • W drugim elemencie „Div” ustaw „

      " I "

      „Tagi, aby osadzić nagłówek i akapit:


    Część 1


    Przewiń do drugiej sekcji

    • Zabierz mnie do drugiej sekcji

    • Zabierz mnie do drugiej sekcji




    Część 2


    Rozdział 2 został rozpoczęty
    Witam, jestem sekcją 2. Witam, jestem sekcją 2


    Z poniższego wyjścia można zaobserwować, że z powodzeniem nawigowaliśmy do określonej sekcji za pomocą „Href" atrybut:

    Przykład 2: Jak używać href = „#” w CSS?
    „„Href”Atrybut z wartością„#”Przesuwa użytkownika na górę aktualnie wyświetlonej strony.

    Teraz weź poprzedni przykład i zmodyfikuj go, dodając „„Element w drugim”div”Pojemnik po„

    ”Tag. Ustaw "Href”Atrybut z wartością„#”:


    Część 2


    Przewiń na górę

    Rozdział 2 został rozpoczęty
    Witam, jestem sekcją 2. Witam, jestem sekcją 2


    Wynik pokazuje, że hiperłącza przewija okno na górę:

    Przykład 3: Jak używać href = „” w CSS?
    Pusta wartość „Href„Atrybut służy do odświeżenia strony. W bieżącym przykładzie dodaj następujący fragment kodu na koniec drugiego ””:

    Odśwież stronę

    Wyjście

    Wyjaśniliśmy, czym jest atrybut href = „#” i jak go używać.

    Wniosek

    „„Href”Atrybut„”Element ustawia miejsce docelowe hiperłącza. Można go jednak ustawić z kilkoma innymi wartościami, takimi jak „#”,„#Some-Id ”i puste. Hiperłącze utworzone za pomocą wartości „#” przenosi użytkownika na górę dokumentu. „„#trochę identyfikator”Sprawia, że ​​hiperłącze przewijają do określonej sekcji identyfikatora w bieżącym dokumencie, a wartość pustej („ ”) służy do odświeżenia strony. W tym artykule wyjaśniono, czym jest atrybut href = „#” i dlaczego jest używany w HTML.