O que é href = # e por que é usado?

HTML contém inúmeras tags com funcionalidades específicas. Esses elementos ou tags podem ser associados aos atributos. Mais especificamente, os atributos se referem às informações adicionais dos elementos. O html “”A tag é usada para incorporar outro hiperlink de Html Page em um documento. Utiliza o “Href”Atributo para definir o URL de outro documento HTML.

Este artigo irá instruir você:

• O que é html “" Marcação?
• O que é href “#”E por que é usado?

O que é html “” tag?

O html “”Tag é uma tag de âncora. É utilizado para vincular um documento a outro. A sintaxe da tag "" é dada abaixo:

contente

Aqui o "”Tag consiste em uma tag de partida, uma“Href”Atributo e a tag final.

Exemplo: como usar o atributo "href"?
No exemplo seguinte, o “Href”O atributo especifica a referência ou URL do documento anexado:

Linuxhint

Aqui o "”Tag converteu o texto em um hiperlink. Clicar nele nos navegará para o site Linuxhint:

O que é href = "#" e por que é usado?

O "Href”O atributo pode ter valores diferentes. No entanto, o valor “#”Leva você para o topo da página atual. Na maioria das vezes, o atributo "href" com o valor "#”É usado pelos desenvolvedores para fazer um hiperlink dummy para modelos de site.

O "Href”O atributo pode ter valores diferentes. Alguns deles são mencionados abaixo:

• href = “#eu ia”
• href = “#”
• href = ""
• href = “algum link”

Exemplo 1: Como usar href = "#id" no CSS?
O "Href”O atributo pode ser definido com o“#”Junto com algum id. Quando um usuário clica no hiperlink, ele leva o usuário à seção específica:

• No arquivo html, adicione dois “”Elementos com o“eu ia" atributos "parte 1" e "parte 2”, Respectivamente.
• Ambos os elementos "" contêm algum conteúdo.
• O primeiro "" contém o "

  ”Tag para incorporar o título do nível 2.

• Então o "”A tag é utilizada com o“Href”Atributo. O "Href”O atributo é definido como“#parte 2", Que indica o" id "do segundo elemento" ".
• Em seguida, inclua o “
  " e "
  • ”Tags com alguns dados.
  • No segundo elemento "div", defina o "

    " e "

    ”Tags para incorporar o cabeçalho e um parágrafo:

  
  

  Parte 1

  
  Role até a 2ª seção
  
  
  
  • Leve -me para a 2ª seção
  
  
  • Leve -me para a 2ª seção
  
  
  
  
  
  

  Parte 2

  
  

  A seção 2 foi iniciada
  Olá, sou a seção 2. Olá, sou a seção 2

  
  

  Na saída abaixo, pode -se observar que navegamos com sucesso até a seção especificada com a ajuda do “Href”Atributo:

  Exemplo 2: Como usar href = "#" no CSS?
  O "Href”Atributo com o valor“#”Move o usuário para o topo da página atualmente exibida.

  Agora, pegue um exemplo anterior e modifique -o adicionando o “”Elemento no segundo“div“Contêiner após o“

  " marcação. Colocou o "Href”Atributo com o valor“#”:

  
  

  Parte 2

  
  Role até o topo
  

  A seção 2 foi iniciada
  Olá, sou a seção 2. Olá, sou a seção 2

  
  

  O resultado mostra que o hiperlink rola a janela até o topo:

  Exemplo 3: Como usar href = “” em CSS?
  O valor em branco do “Href”O atributo é usado para atualizar a página. No exemplo em andamento, adicione o seguinte snippet de código no final do segundo “”:

  Atualizar a página

  Saída
  

  Nós explicamos qual é o atributo href = "#" e como usá -lo.

  Conclusão

  O "HrefAtributo do “”Elemento define o destino do hiperlink. No entanto, pode ser definido com vários outros valores, como “#","#Algum id "e em branco. O hiperlink criado com o valor "#" leva o usuário ao topo do documento. O "#algum id”Faz o hiperlink rolar para a seção ID especificada no documento atual, e o valor em branco (“ ”) é usado para atualizar a página. Este artigo explicou o que é o atributo href = "#" e por que é usado em html.