Como faço para vincular diretamente a uma PARTE específica de uma postagem de blog ou de um artigo on-line? (por exemplo, para um parágrafo ou cabeçalho)

Question

Eu quero fazer um link para uma PARTE bem legal de um artigo, como este post no blog anunciando o aumento do envelhecimento do cartão no Trello , entre outras coisas.

O que posso usar, usando o Google Chrome ou em qualquer navegador em geral, para produzir um URL que, quando clicado, seria vinculado diretamente a esse cabeçalho? ou seja, quando um usuário segue o link, ele deve ver o seguinte:

• 

Answer 1

Em HTML, você pode vincular fragmentos ao anexar #FRAGMENT na URL, em que FRAGMENT é o valor de um atributo id (em qualquer elemento) ou name (em a ou area elemento). O autor de HTML deve fornecer esses atributos.

Uma maneira manual de como encontrá-los: Marque todo o conteúdo que você deseja vincular, inspecione o código-fonte (normalmente rightclick e depois algo como "Mostrar código-fonte") e Ctrl + f para id= e name= .

XPointer é uma especificação que permite vincular qualquer parte de um documento XHTML, mesmo que o autor não tenha fornecer quaisquer identificadores de fragmento. No momento, você provavelmente precisará de um complemento do navegador (e o link para o qual deseja fornecer o link) para ativar o suporte ao XPointer.

Para versões antigas do Firefox, há FXPointer :

How many times have you told a friend or colleague "Go to http://example.com/some/doc and search for XXXX" ? I do it a lot actually. In fact, this becomes increasingly important as the mobile web accelerates and small screens with harder-to-use keyboards become more prevalent. I would like to start creating links in my documents and blog posts that point exactly to some paragraph on the page. I hope the FXPointer Firefox extension will help.

    

Answer 2

Você não pode (nesta página específica). Vincular a uma subseção específica (de modo que o navegador de um usuário rola automaticamente para ela) requer o uso de Âncoras de HTML para cada seção, que essa página não possui. Mais especificamente, o título precisaria conter ou ter perto:

• Uma tag A (âncora)
• Com uma propriedade id ou name

Se esses critérios forem cumpridos, você poderá vincular a

http://example.com/webpage.html#anchorName

em que anchorName é o valor da propriedade name ou id .

Essa página do Trello tem apenas um cabeçalho:

<h2>Card Aging</h2>

Portanto, não pode ser ligado a. Se eles tivessem usado em vez disso:

<h2><a name="aging">Card Aging</a></h2>

então você poderia vinculá-lo assim:

http://blog.trello.com/introducing-power-ups-calendar-card-aging-and-more/#aging