Wikipedia:WikiProjekt HTML5

aus Wikipedia, der freien Enzyklopädie
(Weitergeleitet von Wikipedia:WPH5)
Zur Navigation springen Zur Suche springen
Abkürzung: WP:WPH5

Dieses Projekt dient dazu, weitestgehend die Anpassung der Artikel – soweit nötig und möglich – an das inzwischen in die (E/A der) MediaWiki-Software eingearbeitete HTML5 zu organisieren. Tatsächlich entlehnte sich die langjährige MediaWiki-Syntax eher derjenigen von XHTML (XML). Allgemein kann man sagen, ist die Entwicklung von HTML leider entgegen dem Gebrauch der MediaWiki-Syntax als einfache Auszeichnungssprache, hin zum Gebrauch der komplexeren Stylesheet-Sprache CSS.

Aufgabenbereich

[Quelltext bearbeiten]

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

  • Attribut data-sort-value in Tabellenzellen. Damit verbunden den Ersatz von Vorlagen wie SortKey, SortDate, Vorlage:SortKeyName, Nts, Dts und Dtsx.
  • Andere Data-Attribute.


Attribute zur Textformatierung[1]
in HTML5 überholt[2][3] Ersatzmöglichkeiten
{| align="center"
|- align="center"
| align="center" | 
{| class="center"           	/* entspricht text-align:center, setzt zudem
                                     ein width:100% und ein margin:auto auf innere Elemente
                                        (daher bedingt gleichsetzbar) */
{| class="centered"             /* entspricht margin:auto
                                    (allerdings kein Standard in MediaWiki) */
{| style="margin:auto;"
|- style="text-align:center;"
| class="center"
align="right"
{| class="float-right"
style="text-align:right;"

Positionierungen können mittels position: oder float:, display: inline-block;, Ausrichtungen mittels text-align: ersetzt werden.

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

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

<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.

<tt>
<code><!-- allerdings mit Rahmen und Hintergrund -->
<span style="font-family:monospace;">

Je nach Bedeutung <code> für Quelltextfragmente, alternativ empfohlene Elemente wie dfn, kbd, samp, var (vornehmlich für Software-Dokumentation)[4] sind für Wikipedia ungebräuchlich. Ansonsten ist momentan eine Ersetzung von <tt> nicht unbedingt vonnöten. Vorsicht: font-family:monospace ergibt in Gecko- und WebKit-basierten Browsern unerwartet kleine Schrift, vgl. Benutzer:Entlinkt/Monospace-Schriftgröße.

{| bgcolor="gray"
| bgcolor="grey"
{| style="background-color:gray;"
| style="background:grey;"
{| border="1"
| border="1"
{| class="wikitable"
| style="border-width:1px;"		/* je nach gegebenem Umstand,
				  	  nachfolgend mehr dazu */
| style="border:1px solid;"
| style="border:1px solid #aaa;"
  • Folgende für Wikipedia-Tabellen relevante Attribute gelten in HTML5 (neben bgcolor, border und einer ganzen Reihe) ebenfalls als überholt: bordercolor, cellpadding, cellspacing.[2] Diese werden in Wikipedia normaler Weise nicht geändert oder über class="wikitable" definiert.
bereits seit HTML4 überholt[2][5] Ersatzmöglichkeiten
<center>
<div class="center"><!-- entspricht text-align:center, setzt zudem
                                      ein width:100% (daher bedingt gleichsetzbar)
                                       und ein margin:auto auf innere Elemente -->
<div style="text-align:center;"><div class="centered"><!-- entspricht margin:auto
                                      (allerdings kein Standard in MediaWiki) -->
<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.

<strike>
<s><del><span style="text-decoration:line-through;">
<font size="3">
<span style="font-size:125%;"><span style="font-size:medium;"><small>

Hier ist eine Prozentangabe sinnvoll. Eine einfache Umrechnung ist nicht möglich, da diese vom umgebenden Quelltext und teils auch vom verwendeten Webbrowser abhängt. Man sollte sich einfach für eine dem jeweiligen Anwendungsfall angemessene, häufig auf 10% gerundete Prozentzahl entscheiden. <small> entspricht nur annähernd <font size="2" oder 80-85% (je nach Browser).

x-small : font size="1"
small : font size="2"
medium : font size="3"
large : font size="4"
x-large : font size="5"
xx-large : font size="6"
<font color="red">
<span style="color:red;"><span class="error">
<font face="Courier">
<span style="font-family:Courier, monospace;"><span style="font:125% Courier, monospace;"><!-- in Kombination mit size -->

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).

  • Ehemals in HTML4 als „überholt“ und in HTML5 als „rehabilitiert“ deklarierten Elemente sind: u und s.[5]

Empfehlungen

[Quelltext bearbeiten]

In HTML4 war die Schreibweise nur <BR>, anders das <br /> der XHTML-Spezifikation. Das funktioniert auch, intern werden alle diese Tags HTML5-konform in <br> umgewandelt (phab:T89331). Die WM-Software benutzt (in ihren Tools Wikieditor und VisualEditor, s. phab:T150172) die Kurzschreibweise (vornehmlich um eine vermeintliche Unterstützung des alten XHTML-Standard entgegenzuwirken, Stichwort "self-closed HTML tags", siehe Kategorie:Wikipedia:Seite mit problematischem HTML-Tag[6] (siehe auch diese Diskussion)). Eine Ersetzung von <br> zu <br /> ist daher gegen die Empfehlung, umgekehrt ist diese nicht notwendig (s. phab:T134423 #2466410).

Teilnehmende Benutzer:

Benutzer: Perhelion

Ideensammlung

[Quelltext bearbeiten]
  1. en:HTML element #Presentation
  2. a b c 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. a b SELFHTML – HTML/deprecated
  6. Diese Analyse wurde im Juli 2016 aktiviert, sie ist nicht mehr wirksam. (Stand Dezember 2022)