Zum Inhalt springen

Wikipedia:WikiProjekt HTML5

aus Wikipedia, der freien Enzyklopädie
Dies ist eine alte Version dieser Seite, zuletzt bearbeitet am 17. Januar 2013 um 20:47 Uhr durch TMg (Diskussion | Beiträge) (Warum die zweite Überschrift? Warum die Leerzeilen? padding nicht zwingend, <mark> hat von sich aus auch nicht unbedingt eins; sprengt außerdem die Tabellenbreite). Sie kann sich erheblich von der aktuellen Version unterscheiden.
Abkürzung: WP:WPH5

Die Entwicklung von HTML5 ist inzwischen soweit fortgeschritten, dass es in die Mediawiki-Software eingearbeitet wurde. Dieses Projekt dient dazu, die Anpassung der Artikel an HTML5 zu organisieren.

Aufgabenbereich

Einbau der neuen, von HTML5 in die WP-Software übernommenen Attribute. Dazu zählt:

Attribute zur Textformatierung[1]
in HTML5 überholt[2][3] Ersatzmöglichkeiten
<center>
{| align="center"
|- align="center"
| align="center" | …
<div class="center">              <!-- entspricht text-align: center, setzt
                                       außerdem margin: auto auf innere Elemente -->
<div style="text-align: center;">
{| class="centered"               <!-- entspricht margin: auto -->
{| style="margin: auto;"
|- style="text-align: center;"
| <div style="margin: auto;">

Achtung, keine der Angaben ist gleichbedeutend. Die veralteten Angaben zentriert wesentlich mehr, die CSS-Angaben dagegen entweder nur Inline- oder nur Blockelemente. Im Einzelfall können weitreichende Umstellungen nötig sein, um die Funktionsweise der veralteten Angaben per CSS nachzubilden.

valign="top"
{| class="toptextcells"
style="vertical-align: top;"

Viele valign oder vertical-align können durch ein einziges toptextcells am Tabellenanfang ersetzt werden.

<strike>
<s>
<span style="text-decoration: line-through;">
<big>
<span style="font-size: larger;">
! style="font-size: 125%;" | …

Je nach Fall, häufig auch mit <div> statt <span>, häufig kann auch ein vorangegangenes style mitgenutzt werden. Beachte, dass larger eine etwas kleinere Schriftgröße als <big> erzeugt.

<font size="3">
<span style="font-size: 100%;">

Hier ist eine Prozentangabe sinnvoll. Da die genaue Entsprechung vom Browser abhängt, kann man hier nur grobe Entsprechungen angeben: 1=50%, 2=80%, 3=100%, 4=120%, 5=150%, 6=200%, und 7=250%.

<font color="red">
<span style="color: red;">
<span class="error">
<font face="Courier">
<span style="font-family: Courier, monospace;">

Die Angabe sollte unbedingt mit einer generischen Schriftart enden, meist serif, sans-serif oder monospace, seltener cursive oder fantasy. Im Allgemeinen sollten derartige unflexible Vorgaben einer Schriftart ganz entfernt oder durch semantische Elemente ersetzt werden, beispielsweise <code> (siehe unten).

<tt>
<code>
<kbd>
<samp>
<span style="font-family: monospace;">

Je nach Bedeutung <code> für Quelltextfragmente, <kbd> für Eingaben und <samp> für Ausgaben, ggf. auch <var> für Variablen.[4]

<span style="background: yellow;">
<span class="hintergrundfarbe3">
<mark></mark>

<mark> dient zur Markierung/Hervorhebung von Text im Textmarker-Stil.[5]

  1. en:HTML element#Presentation
  2. http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features
  3. http://www.w3.org/TR/html5-diff/#obsolete-elements
  4. SELFHTMLListe von Elementen für Textauszeichnung
  5. (Bug 39067; Gerrit:17793; http://www.w3schools.com/tags/tag_mark.asp)

Mitmachen

Teilnehmende Benutzer:

Ideensammlung