Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/p below:

<p>: Das Paragraf-Element - HTML

Baseline Widely available

Das <p> HTML-Element repräsentiert einen Absatz. Absätze werden in visuellen Medien normalerweise als Textblöcke dargestellt, die durch Leerzeilen und/oder Einrückungen der ersten Zeile von angrenzenden Blöcken getrennt sind. HTML-Absätze können jedoch jede strukturelle Gruppierung verwandter Inhalte darstellen, wie Bilder oder Formularfelder.

Absätze sind Block-Level-Elemente und werden insbesondere automatisch geschlossen, wenn ein anderes Block-Level-Element vor dem schließenden </p>-Tag geparst wird. Siehe "Tag-Auslassung" unten.

<p>
  Geckos are a group of usually small, usually nocturnal lizards. They are found
  on every continent except Antarctica.
</p>

<p>
  Some species live in houses where they hunt insects attracted by artificial
  light.
</p>

p {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #999999;
}

Dieses Element enthält nur die globalen Attribute.

Hinweis: Das align-Attribut bei <p>-Tags ist veraltet und sollte nicht verwendet werden.

Das Aufteilen von Inhalten in Absätze hilft, eine Seite zugänglicher zu machen. Bildschirmlesegeräte und andere unterstützende Technologien bieten Abkürzungen, damit Benutzer zum nächsten oder vorherigen Absatz springen können, was ihnen ermöglicht, Inhalte zu überfliegen, ähnlich wie Leerraum es visuellen Benutzern ermöglicht, den Inhalt zu überspringen.

Die Verwendung leerer <p>-Elemente, um Platz zwischen Absätzen zu schaffen, ist problematisch für Menschen, die mit Bildschirmlesetechnologie navigieren. Bildschirmlesegeräte können die Anwesenheit des Absatzes ankündigen, aber nicht den enthaltenen Inhalt – da kein Inhalt vorhanden ist. Dies kann die Person, die den Bildschirmleser benutzt, verwirren und frustrieren.

Wenn zusätzlicher Raum gewünscht wird, verwenden Sie CSS-Eigenschaften wie margin, um den Effekt zu erzielen:

p {
  margin-bottom: 2em; /* increase white space after a paragraph */
}

<p>
  This is the first paragraph of text. This is the first paragraph of text. This
  is the first paragraph of text. This is the first paragraph of text.
</p>
<p>
  This is the second paragraph. This is the second paragraph. This is the second
  paragraph. This is the second paragraph.
</p>

Standardmäßig trennen Browser Absätze mit einer einzelnen Leerzeile. Alternative Trennmethoden, wie die Einrückung der ersten Zeile, können mit CSS erreicht werden:

<p>
  Separating paragraphs with blank lines is easiest for readers to scan, but
  they can also be separated by indenting their first lines. This is often used
  to take up less space, such as to save paper in print.
</p>

<p>
  Writing that is intended to be edited, such as school papers and rough drafts,
  uses both blank lines and indentation for separation. In finished works,
  combining both is considered redundant and amateurish.
</p>

<p>
  In very old writing, paragraphs were separated with a special character: ¶,
  the <i>pilcrow</i>. Nowadays, this is considered claustrophobic and hard to
  read.
</p>

<p>
  How hard to read? See for yourself:
  <button data-toggle-text="Oh no! Switch back!">
    Use pilcrow for paragraphs
  </button>
</p>

p {
  margin: 0;
  text-indent: 3ch;
}

p.pilcrow {
  text-indent: 0;
  display: inline;
}
p.pilcrow + p.pilcrow::before {
  content: " ¶ ";
}

document.querySelector("button").addEventListener("click", (event) => {
  document.querySelectorAll("p").forEach((paragraph) => {
    paragraph.classList.toggle("pilcrow");
  });

  [event.target.innerText, event.target.dataset.toggleText] = [
    event.target.dataset.toggleText,
    event.target.innerText,
  ];
});

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4