Fußnoten, die in RSS -Lesern funktionieren

Derzeit verwendete ich Feedbin als meinen RSS -Reader und habe kürzlich eine nette interaktive Funktion in der App gestoßen. Ein nummeriertes buttonähnliches Element, das sich als Fußnote herausstellte, fiel mir in einem von Harrys Blog-Posts auf. Das Überschweber ergab die entsprechende Note.

Der HTML des Blog -Beitrags für diese Fußnote ist wie folgt strukturiert:

<p> ... Sie hatten es geschafft, 27,9 MB Bilder auf den kritischen Pfad zu platzieren. 
Fast 30 MB von zuvor nicht renderem Blockierungsvermögen waren gerade gewesen 
verwandelte sich absichtlich ohne Fluchtschlüssel. Start 
Die Renderzeit war über einen Kabelverbindung 1 bis zu 27,1 Sekunden <sup><a href="https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d">1</a></sup> .</p>

Ein einfacher Ankerlink, der auf https://www.php.cn/link/b22511377f9a12f2c227ef2628933a3d und die<sup></sup> Das Tag bietet den visuellen Hinweis eines Fußnotenverbinds. Das Standardstyling ist wie erwartet.

Die HTML für die Fußnoten am Ende der Post sieht folgendermaßen aus:

<div>
  <ol>
<li>
     <p>5 MB hoch, 1 MB nach unten, 28 ms RTT. <a href="https://www.php.cn/link/a1cae678af59c92bbf86e04d9949aad7">↩</a></p>
    </li>
  </ol>
</div>

Im Übrigen bemerkte ich, dass Harry scroll-behavior für glattes Scrolling und Clever :target Styling verwendet hat.

Im Wesentlichen umfasst das System:

1. Ein Link zum Zugriff auf die Fußnote.
2. Ein Rücklauflink zum Originaltext.

Es sind keine komplexen Bibliotheken beteiligt; Nur semantisch korrekt HTML. Dieser Ansatz sollte in jedem RSS -Leser funktionieren, der die Hash -Links und Element -IDs korrekt behandelt.

Der einzigartige Beitrag von Feedbin liegt in seinem verbesserten UI -Styling und interaktiven Elementen. Die Inspektion zeigt, dass Feedbin das ursprüngliche Markup verbirgt und durch benutzerdefinierte Elemente ersetzt. Dies deutet auf die Verwendung einer JavaScript -Funktion (möglicherweise als "Bigfoot") aus, die beim Laden von Artikeln ausgelöst wird.

Diese Funktionalität baut auf einer funktionalen, grundlegenden HTML -Struktur auf. Um das Verhalten dieses Markups in verschiedenen RSS -Lesern zu testen, werde ich mit verschiedenen Plattformen experimentieren und das Feedback zur Antwort Ihres Lesers im Kommentarbereich begrüßen.

Azul, ein abstraktes Strategie -Brettspiel von Michael Kiesling, das 2017 von Plan B Games ¹ veröffentlicht wurde, unterstützt zwei bis vier Spieler. Die Spieler sammeln Fliesen, um ein 5x5 -Brett zu absolvieren. Fliesen werden gesammelt, indem alle Fliesen einer einzelnen Farbe genommen, sie in Folge platziert und abwechselnd gewechselt werden, bis alle runden Fliesen beansprucht werden. Dann bewegt sich eine Fliese aus jeder abgeschlossenen Reihe zum 5x5 -Board des Spielers, während die anderen verworfen werden. Das Tor hängt von der Platzierung von Fliesen ab. Runden werden fortgesetzt, bis ein Spieler eine Reihe über sein 5x5 -Brett füllt.

1. Plan B -Spiele produzieren auch bemerkenswerte Titel wie Century und Riff.↩

Das obige ist der detaillierte Inhalt vonFußnoten, die in RSS -Lesern funktionieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!