Como vincular a uma parte específica de uma página HTML

Experimente Nosso Instrumento Para Eliminar Problemas

Selecione O Sistema Operacional Escolha Um Programa De Projeção (Opcionalmente)

Descreva Seu Problema

Sempre que você clica em um URL, o navegador o abre em uma nova guia e, na verdade, leva você para o topo da página da web. Mas e se vocês quiserem ir a uma parte específica de uma página da web. Assim como a entrada da infância, Steve Jobs, na Wikipedia, ou uma postagem específica do Facebook ou uma pergunta no Stack Exchange também. Desta forma, o seu público não terá que perder tempo navegando no site. Neste artigo, vamos falar sobre Como vincular a uma parte específica de uma página HTML

Como vincular a uma parte específica de uma página HTML

Use ID Tag

Basta dizer que você está escrevendo um artigo, onde vocês estão vinculando a uma resposta específica do StackOverflow. Ao contrário do Reddit, na verdade não há permalink no StackOverflow, de modo que você também terá que editar manualmente o código HTML.

Felizmente, a maioria dos navegadores também tem a capacidade de inspecionar elementos. Basta ir para a resposta que deseja vincular e clicar com o botão direito do mouse na área próxima a ela. Com o toque direito no menu, selecione a opção Inspecionar elemento.

vara de fogo procurando por controle remoto

Ele irá mostrar o código HTML, procure uma tag de ID ou opção de valor. Quando você encontrá-lo, copie-o para a área de transferência. Em seguida, pegue o URL da página da web e anexe o #EU IA no final dele.

Por exemplo, se o URL da página for -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror

e seu ID é - 29279234, então o URL de salto realmente se tornará -

http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234

E é assim que sempre que alguém toca nesse link, ele o leva diretamente para aquela parte da página.

Extensão do Chrome | como vincular a uma parte específica de uma página HTML

Bem, na recente atualização do Chrome, Google a pesquisa agora destaca o texto pesquisado nas páginas da web para torná-lo mais fácil para o leitor. Assim, para que os desenvolvedores da web tornem mais fácil vincular a um texto específico em uma página da web, o Google abriu a extensão do cromo Link to Text Fragment.

este disco blu-ray precisa de uma biblioteca para decodificar aacs, e seu sistema não a tem

Quando vocês têm a extensão instalada, podem criar links para uma parte específica da página da web. Escolha uma parte do texto na página da web, clique com o botão direito e então toque em Copiar Link para o Texto Selecionado . Em seguida, ele irá gerar um link e copiá-lo automaticamente para a área de transferência.

como vincular a uma parte específica de uma página html

A extensão é realmente nova e tem alguns bugs também. Caso a parte selecionada do texto contenha um hiperlink ou uma imagem, basicamente um elemento não textual. Isso gera um erro que diz– Não foi possível criar um link exclusivo, escolha uma sequência de palavras mais longa. A mensagem de erro está totalmente errada, na verdade. O problema é que a extensão falha sempre que você tem um hiperlink ou elementos não textuais dentro do texto selecionado.

Facebook

Para criar um link para uma postagem específica em sites famosos como Facebook, Twitter ou até Stack Exchange, etc., basta procurar os carimbos de data / hora da postagem. Ao encontrá-lo, clique com o botão direito do mouse e copie seu URL também. Agora, se vocês colarem a URL em uma nova aba, vocês verão apenas aquela postagem em particular. Isso realmente funciona para a maioria dos sites que usam carimbos de data / hora.

Wikipedia

Se vocês costumam criar links para páginas wiki, então você pode facilmente criar um link para a seção copiando o link na seção de conteúdo.

Conclusão

Tudo bem, isso foi tudo pessoal! Espero que gostem deste link para uma parte específica de um artigo HTML da página e também o considerem útil. Dê-nos o seu feedback sobre isso. Além disso, se vocês tiverem mais dúvidas e problemas relacionados a este artigo. Então deixe-nos saber na seção de comentários abaixo. Nós entraremos em contato com você em breve.