Ich kodiere eine responsive Website, und auf der Desktop-Version möchte ich, dass die Navigation auf der linken Seite erscheint, aber auf der mobilen Version möchte ich, dass sie unter dem Hauptinhalt erscheint. Ich habe die Lösung unter der Nummer http://abbymilberg.com/layout-sample.html gefunden, indem ich ein bekanntes Gittersystem angepasst habe.Verstößt es gegen Standards, dass divs im Markup in einer anderen Reihenfolge angezeigt werden als auf der Seite?
Ein Kollege sagt, dass es gegen Standards verstößt, weil die divs in einer anderen Reihenfolge (auf der Desktop-Version) erscheinen als in der Markup. Er scheint jedoch nicht in der Lage zu sein, welchen Standard dies verletzt. Ich verstehe, dass dies gegen traditionelle Erwartungen aus einer Zeit, in der alle Websites Desktop-basiert waren, widerspricht, aber kann mir jemand ein konkretes Beispiel dafür liefern, welchen Teil welchen Standards (508, WC3 usw.) dies tatsächlich verletzt? Ich bin nicht daran interessiert, darüber zu diskutieren, ob Sie es für eine gute Praxis halten, ob es gegen einen endgültigen Standard verstößt. Vielen Dank.
Nein, es werden keine Standards verletzt. Sie können nach Herzenslust neu ordnen; Sehr wenige Benutzer werden jemals den HTML-Code lesen und dann von dem gerenderten DOM/visuellen Inhalt, der nicht synchron mit der HTML-Quelle ist, beeinträchtigt werden. –
Die Reihenfolge der divs spielt keine Rolle im Vergleich zu gerendert, so dass keine Standards verletzt werden. Was ist wichtig ist die Reihenfolge der divs für den Typ des Inhalts Beispiel versuchen Sie die Website auf einem Lynx-Browser macht es Sinn auf dort – Dreamwalker
Es gibt tatsächlich einen neuen Standard namens flexbox, die ausdrücklich das Umordnen von Elementen unterstützt, so dass sie in einem sind andere Reihenfolge visuell als im Markup: http://dev.w3.org/csswg/css3-flexbox/#order-property – Annie