URL Fragment Text Directives

Die API der URL-Fragment-Text-Direktiven ermöglicht es Webanwendungen, mit Textfragmenten in der URL zu interagieren. Textfragmente erlauben das Verlinken direkt zu einem bestimmten Textabschnitt in einem Webdokument, ohne dass der Autor den Text mit einer ID versehen muss. Dies wird durch eine bestimmte Syntax im URL-Fragment erreicht.

Schnittstellen

FragmentDirective

Ein (derzeit) leeres Objekt. Die Existenz eines Objekts dieses Typs in document.fragmentDirective wird zur Funktionsüberprüfung verwendet.

Erweiterungen zu anderen Schnittstellen

Document.fragmentDirective

Eine Eigenschaft, die ein FragmentDirective-Objekt für das aktuelle Dokument zurückgibt. Derzeit wird dies nur zur Funktionsüberprüfung verwendet.

CSS-Selektoren

::target-text

Repräsentiert den Text, zu dem gescrollt wurde. Es ermöglicht den Autoren, festzulegen, wie dieser Textabschnitt hervorgehoben wird.

Spezifikationen

Specification
URL Fragment Text Directives
# dom-document-fragmentdirective
URL Fragment Text Directives
# fragmentdirective
CSS Pseudo-Elements Module Level 4
# selectordef-target-text

Browser-Kompatibilität

api.Document.fragmentDirective

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
fragmentDirective

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

api.FragmentDirective

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
FragmentDirective

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

css.selectors.target-text

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::target-text

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch