Wikipedia:WikiProjekt HTML5

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 eing…

Abkürzung: WP:WPH5
Gemeldet in Phabricator
Task T134423 Resolved
Gemeldet in Phabricator
Task T41614 Invalid

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

Gemeldet in Phabricator
Task T68413

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>…
Gemeldet in Phabricator
Task T40487 Stalled
<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

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

Mitmachen

Teilnehmende Benutzer:

→ Benutzer: Perhelion

Ideensammlung

Siehe auch

Referenzen

  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. ↑ SELFHTML – Liste 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)

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.