aus Wikipedia, der freien Enzyklopädie
{{#invoke:Shortcuts|template}}
< Autorenportal < Redaktionen < WikiProjekte < {{#if:HTML5|{{#ifexist:Wikipedia:WikiProjekt HTML5|HTML5|HTML5}}{{#if:| < {{#ifexist:Wikipedia:WikiProjekt {{{2}}}|[[Wikipedia:WikiProjekt {{{2}}}|{{{2}}}]]|{{{2}}}}}{{#if:| < {{#ifexist:Wikipedia:WikiProjekt {{{3}}}|[[Wikipedia:WikiProjekt {{{3}}}|{{{3}}}]]|{{{3}}}}}|}}|}}| WikiProjekt HTML5}}
Vorlage:Tracked
Vorlage:Tracked
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
Vorlage:Tracked
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<ref>en:HTML element #Presentation</ref>
| in HTML5 überholt<ref name="WHATWG">http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features</ref><ref>http://www.w3.org/TR/html5-diff/#obsolete-elements</ref>
|
Ersatzmöglichkeiten
|
|
<syntaxhighlight lang="css">
| …
</syntaxhighlight>
|
<syntaxhighlight lang="css">
ein width:100% und ein margin:auto auf innere Elemente
(daher bedingt gleichsetzbar) */
(allerdings kein Standard in MediaWiki) */
| class="center"
</syntaxhighlight>
|
|
<syntaxhighlight lang="css">
align="right"
</syntaxhighlight>
|
<syntaxhighlight lang="css">
style="text-align:right;"
</syntaxhighlight>
Positionierungen können mittels position: oder float:, display: inline-block;, Ausrichtungen mittels text-align: ersetzt werden.
|
<syntaxhighlight lang="css">
valign="top"
</syntaxhighlight>
|
<syntaxhighlight lang="css">
style="vertical-align:top;"
</syntaxhighlight>
Viele valign oder vertical-align können durch ein einziges toptextcells am Tabellenanfang ersetzt werden.
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
Vorlage:Tracked
<syntaxhighlight lang="css">
…
|
…
</syntaxhighlight>
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.
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
</syntaxhighlight>
Je nach Bedeutung <code> für Quelltextfragmente, alternativ empfohlene Elemente wie dfn, kbd, samp, var (vornehmlich für Software-Dokumentation)<ref name="txta">SELFHTML – Liste von Elementen für Textauszeichnung</ref> 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.
|
|
<syntaxhighlight lang="css">
| bgcolor="grey"
</syntaxhighlight>
|
<syntaxhighlight lang="css">
| style="background:grey;"
</syntaxhighlight>
|
|
<syntaxhighlight lang="css">
| border="1"
</syntaxhighlight>
|
<syntaxhighlight lang="css">
| style="border-width:1px;" /* je nach gegebenem Umstand,
nachfolgend mehr dazu */
|
style="border:1px solid;"
|
style="border:1px solid #aaa;"
</syntaxhighlight>
|
- Folgende für Wikipedia-Tabellen relevante Attribute gelten in HTML5 (neben
bgcolor, border und einer ganzen Reihe) ebenfalls als überholt: bordercolor, cellpadding, cellspacing.<ref name="WHATWG" /> Diese werden in Wikipedia normaler Weise nicht geändert oder über class="wikitable" definiert.
|
| bereits seit HTML4 überholt<ref name="WHATWG" /><ref name="selfhtml/dep">SELFHTML – HTML/deprecated</ref>
|
Ersatzmöglichkeiten
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
…
…
</syntaxhighlight>
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.
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
…
</syntaxhighlight>
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
…
</syntaxhighlight>
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"
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
</syntaxhighlight>
|
|
<syntaxhighlight lang="html">
…
</syntaxhighlight>
|
<syntaxhighlight lang="html">
…
…
</syntaxhighlight>
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.<ref name="selfhtml/dep" />
|
Empfehlungen
br
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<ref>Diese Analyse wurde im Juli 2016 aktiviert, sie ist nicht mehr wirksam. (Stand Dezember 2022)</ref> (siehe auch diese Diskussion)). Eine Ersetzung von <br> zu <br /> ist daher gegen die Empfehlung, umgekehrt ist diese nicht notwendig (s. phab:T134423 #2466410).
Mitmachen
Teilnehmende Benutzer:
→ Benutzer: Perhelion
Ideensammlung
Siehe auch
Referenzen
<references />
|
|
|
|
|
|
| |
|
|