Lichtkunst
im Böfinger Wald
1. und 2. November 2024
Aktuelle Änderungen - Suchen:

Blockmarkup

für die Liste aller Seiten

Autoren (Fortgeschrittene)

'Markup' ist die Bezeichnung für Markierungen im Wikiquelltext, 'Blockmarkup' bezeichnet alle Markups im Wikiquelltext, die in HTML-Blockelementen münden[1] oder in anderen Worten (mehrere) Absätze und andere (seitenbreite) Inhalte, die gewöhnlich untereinander erscheinen (Gegenteil: Inline-Elemente).

Wikistile können auf ganze Blöcke angewendet werden, ansonsten müssen Sie sich um "Blockmarkup" als PmWiki-Benutzer nicht kümmern.

Bereiche (<div>) als Block

Bereichs(<div>)-HTML-Blöcke werden mit dem (:div:)...(:divend:)-Markup eingefügt. Sie können die HTML-id=- und class=-Attribute einsetzen: (:div id=id1 class="class1 class2":). Ein (:div:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Um verschachtelte Tags zu bekommen, müssen Sie die Tags und die passenden schließenden Tags nummerieren:
   (:div:)
      Äußerer Block
      (:div2:)
         Innerer Block
      (:div2end:)
   (:divend:)

Semantische HTML5-Elemente

Seit Version 2.2.75 erlaubt PmWiki das Einfügen einiger (weniger) semantischen HTML5-Elemente. Beachten Sie, dass ein öffnendes semantisches Tag automatisch alle vorher geöffneten Tags des selben Typs schließt, aber nicht für Sie die Struktur überprüft oder bereinigt. Stellen Sie also sicher, dass Sie schließende Tags einsetzen, wo sie erforderlich sind.

(:article:)...(:articleend:)
fügt ein <article>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:article id=id1 class="class1 class2":). Ein (:article:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Um verschachtelte Tags zu bekommen, müssen Sie die Tags und die passenden schließenden Tags nummerieren:
(:article:)
   Äußerer Artikel
   (:article2:)
      Innerer Artikel
   (:article2end:)
(:articleend:)
(:section:)...(:sectionend:)
Fügt ein <section>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:section id=id1 class="class1 class2":). Ein (:section:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Um verschachtelte Tags zu bekommen, müssen Sie die Tags und die passenden schließenden Tags wie die (:article:)-Markups nummerieren.
(:header:)...(:headerend:)
Fügt ein <header>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:header id=id1 class="class1 class2":). Ein (:header:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Es ist nicht möglich, solche Tags zu verschachteln.
(:footer:)...(:footerend:)
Fügt ein <footer>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:footer id=id1 class="class1 class2":). Ein (:footer:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Es ist nicht möglich, solche Tags zu verschachteln.
(:aside:)...(:asideend:)
Fügt ein <aside>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen: (:aside id=id1 class="class1 class2":). Ein (:aside:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Es ist nicht möglich, solche Tags zu verschachteln.
(:address:)...(:addressend:)
Fügt ein <address>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:adress id=id1 class="class1 class2":). Ein (:adress:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Es ist nicht möglich, solche Tags zu verschachteln.
(:nav:)...(:navend:)
Fügt ein <nav>-Tag ein. Sie können die HTML-id=- und class=-Attribute einsetzen wie in (:nav id=id1 class="class1 class2":). Ein (:nav:)-Markup schließt automatisch ein vorangegangenes gleiches Tag. Es ist nicht möglich, solche Tags zu verschachteln.
(:details summary="Zusammenfassung":)...(:detailsend:)
Fügt einen <detail>"&<summary>-Bereich ein. Standard-konforme Browser werden nur die Zusammenfassung anzeigen und der Benutzer kann darauf klicken, woraufhin sich der ganze Abschnitt öffnet, ohne ein JavaScript nötig zu machen. Ein (:details:)-Markup schließt automatisch ein vorher geöffnetes gleiches Tag. Um verschachtelte Tags zu bekommen, müssen Sie die Tags und die passenden schließenden Tags wie die (:article:)-Markups nummerieren. Dies ist eine kürzliche Erweiterung des HTML5-Standards, siehe https://caniuse.com/#feat=details für Unterstützung durch aktuelle Browser (Browser, die das nicht unterstützen, zeigen dort ein freies oder rotes Feld).
(:details summary="Klicke für weitere Informationen ...":)
Hier ist der Inhalt des <details>-Abschnitts.
(:detailsend:)
Klicke für weitere Informationen ...

Hier ist der Inhalt des <details>-Abschnitts.

Um einen Details-Abschnitt von vornherein zu öffnen, fügen Sie das Attribut open=open hinzu wie in (:details open=open summary="Zuammenfassung":)

Siehe auch

für die Liste aller Seiten


Übersetzung von PmWiki.BlockMarkup,   Originalseite auf PmWikiDe.BlockMarkup   —   Rückverweise

Zuletzt geändert:   PmWikiDe.BlockMarkupam 14.05.2022
 PmWiki.BlockMarkupam 13.05.2022