Best Practise

No Link

Juli 3, 2024 by Franz

Ab hier sollte der Inhalt in den Container geladen werden.

Ein Eintrag besteht aus dem Titel, Datum, Author und dem Inhalt. HTML und das Stylesheet regelt die Formatierung und sollte weitestgehend wiederverwendbar sein als eine Art Template.

Blockquotes

Das W3-Consortium ist eine wichtige Organisation zur Bestimmung der Richtlinien (Best Practises).

WYSIWYG - What you see is what you get.

Was mit diesem Ausspruch gemeint wird, ist nicht ganz so einfach zu verstehen. Der Editor den ich verwendet habe um diese Seite zu schreiben, bot mir eine Live-Vorschau. Ich habe also direkt in das Template HTML-Datei geschrieben. Das sollte ich möglichst vermeiden. Eine Design Theorie dazu ist die Aufteilung von Frontend und Backend.

Topologie

Die unterliegende Technologie kann aufgeteilt werden. Je näher an der Hardware, je strenger werden Fehler geahndet. Es macht dem Browser wenig aus, wenn meine Deutsche Rechtschreibung oder Grammatik nicht ganz richtig ist. Tieferliegende Ebenen auf der Seite des Servers umfassen zum Beispiel:

• Sicherheitsrelevante Network Address Translation
• Tunneling
• Datenbank

Aber auch auf der Seite des Clients passiert Einiges:

1. Markup und Script Interpretation
2. User Interface Experience
3. Stakeholder Wohlbefinden

Cloud storage mounts:

• Limitations.odt from the-good.cloud

And this is a definition list:

HyperText Markup Language (HTML)

The language used to describe and define the content of a Web page

Cascading Style Sheets (CSS)

Used to describe the appearance of Web content

JavaScript (JS)

The programming language used to build advanced Web sites and applications

Inline HTML elements

HTML defines a long list of available inline tags, a complete list of which can be found on the Mozilla Developer Network.

• To bold text, use <strong>.
• To italicize text, use <em>.
• Abbreviations, like HTML should use <abbr>, with an optional title attribute for the full phrase.
• Citations, like — Mark Otto, should use <cite>.
• Deleted text should use <del> and inserted text should use <ins>.
• Superscript ^text uses <sup> and subscript _text uses <sub>.

Most of these elements are styled by browsers with few modifications on our part.

Heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Sub-heading

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example code block

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.

Another blog post

December 23, 2020 by Jacob

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Longer quote goes here, maybe with some emphasized text in the middle of it.

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

Example table

And don't forget about tables in these posts:

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.

New feature

December 14, 2020 by Chris

This is some additional paragraph placeholder content. It has been written to fill the available space and show how a longer snippet of text affects the surrounding content. We'll repeat it often to keep the demonstration flowing, so be on the lookout for this exact same string of text.

• First list item
• Second list item with a longer description
• Third list item to close it out

This is some additional paragraph placeholder content. It's a slightly shorter version of the other highly repetitive body text used throughout.