Wie verlinke ich direkt mit einem bestimmten TEIL eines Blogbeitrags oder Online-Artikels? (zB zu einem Absatz oder einer Überschrift)

16232
fatuhoku

Ich möchte auf einen wirklich coolen TEIL eines Artikels verweisen, wie diesen Blogbeitrag, in dem unter anderem das Älterwerden der Karte in Trello angekündigt wird .

Was kann ich mit Google Chrome oder in einem beliebigen Browser generell verwenden, um eine URL zu erstellen, die beim Klicken direkt in diesen Header verlinkt wird? Wenn ein Benutzer dem Link folgt, sollte er Folgendes sehen:

  • Blogseite
6
Für Chrome-Nutzer habe ich eine Erweiterung geschrieben ([verfügbar hier] (https://chrome.google.com/webstore/detail/generate-links-for-header/dckfkngmahjdokkkmconmfjdmicjcmgf)), die neben jedem Header einen Floating-Link erstellt eine zugewiesene ID (oder eine Kopfzeile mit einem untergeordneten Element, der eine ID zugewiesen wurde). Es könnte einige Verbesserungen wie die Unterstützung des `name'-Attributs verwenden, aber es funktioniert gut genug. Sie können auch [den Quellcode anzeigen] (https://github.com/grantwinney/generate-links-for-headers-in-chrome) aufrufen, wenn Sie interessiert sind. Grant vor 6 Jahren 1

2 Antworten auf die Frage

8
unor

In HTML können Sie einen Link zu Fragmenten erstellen, indem Sie #FRAGMENTan die URL anhängen, wobei FRAGMENTder Wert eines idAttributs (für ein beliebiges Element) oder eines nameAttributs (für ein aoder ein areaElement) angegeben wird. Der HTML-Autor muss diese Attribute angeben.

So finden Sie diese Informationen manuell: Markieren Sie den gesamten Inhalt, zu dem Sie einen Link erstellen möchten, und überprüfen Sie den Quellcode (normalerweise Rechtsklick und dann etwas wie "Quelle anzeigen") und Ctrl+ ffür id=und name=.

XPointer ist eine Spezifikation, die die Verknüpfung mit einem beliebigen Teil eines XHTML-Dokuments ermöglicht, auch wenn der Autor keine Fragmentkennungen angegeben hat. Derzeit benötigen Sie wahrscheinlich ein Browser-Add-On (und auch das, dem Sie den Link geben möchten), um die XPointer-Unterstützung zu aktivieren.

Für alte Versionen von Firefox gibt es FXPointer :

Wie oft haben Sie einem Freund oder Kollegen "Geh zu http://example.com/some/docund suche nach XXXX" gesagt ? Ich mache eigentlich viel. Dies wird in der Tat immer wichtiger, da das mobile Web immer schneller wird und kleine Bildschirme mit schwerer zu verwendenden Tastaturen an Bedeutung gewinnen. Ich möchte Links in meinen Dokumenten und Blogbeiträgen erstellen, die genau auf einen Absatz auf der Seite verweisen. Ich hoffe die FXPointer Firefox-Erweiterung wird helfen.

Tolle! Arbeitete für mich. Iram Bukhari vor 5 Jahren 0
1
Darth Android

Sie können nicht (auf dieser bestimmten Seite). Das Verknüpfen mit einem bestimmten Unterabschnitt (sodass der Browser des Benutzers automatisch zu diesem scrollen wird) erfordert die Verwendung von HTML-Ankern für jeden Abschnitt, den diese Seite nicht hat. Insbesondere müsste die Überschrift entweder enthalten oder in der Nähe haben:

  • Ein A(Anker-) Tag
  • Mit einer idoder nameEigenschaft

Wenn diese Kriterien erfüllt sind, können Sie eine Verknüpfung herstellen

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

Wo anchorNameist der Wert von nameoder idEigenschaft.

Diese Trello-Seite hat jedoch nur einen Header:

<h2>Card Aging</h2>

Es kann also nicht verlinkt werden. Wenn sie stattdessen verwendet hätten:

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

dann könntest du es so verlinken:

http://blog.trello.com/introducing-power-ups-calendar-card-aging-and-more/#aging
Wie ich vermutete; Ich denke, ein Dienst, der mit einem XPath oder etwas anderem eine bestimmte Menge von Daten auf "statischen" Inhalten anspricht, wäre wirklich nützlich. Das Beste, was Sie tun können, ist, mit der Maus einen Abschnitt hervorzuheben und diesen Teilbaum in Anwendungen wie Evernote zu speichern. dann teilen Sie es so. Ich hoffe, dass jemand eine Lösung für diese Situation bietet ...! fatuhoku vor 10 Jahren 0
Es ist völlig Sache des Website-Entwicklers. Darth Android vor 10 Jahren 0
Beachten Sie, dass das 'id'-Attribut für jedes Element verwendet werden kann, nicht nur für' a '. unor vor 10 Jahren 0

Verwandte Probleme