Werden leere divs schlecht?

Ich bin erstellen einer Webseite in Aptana und ich bin mit einem leeren div-element für das styling ein border-bottom.

Konnte ich nicht machen es Teil des Elements es ist eine Grenze, denn es muss die gleiche Breite und alle, die Zeit und das soll das parent-element in der Tat ändert seine Größe je nach Inhalt.

Frage: Ist es schlecht zu verwenden, leeren divs so?
Aptana gibt mir eine Warnung. Er sagt, ich "sollte trim leeren div".

Rede ich über die divs nach unten hier mit der Klasse "showinfo-border-Links/rechts"

<div class="showinfo">
    <div class="showinfo-left">Text</div>
    <div class="showinfo-right">More text</div>
</div>
    <div class="showinfo-border-left"></div>
    <div class="showinfo-border-right"></div>
InformationsquelleAutor Chris | 2013-01-06
  1. 4

    Vom Best Practices für die Beschleunigung deiner Webseite

    Reduzieren Sie die Anzahl der DOM-Elemente

    Einer komplexen Seite bedeutet mehr bytes herunterzuladen und es bedeutet auch, langsamer DOM-Zugriff in JavaScript. Es macht einen Unterschied, ob Sie eine Schleife durch 500 oder 5000 DOM-Elemente auf der Seite, wenn Sie möchten, fügen Sie einen Ereignishandler für das Beispiel.
    Eine hohe Anzahl von DOM-Elementen kann ein symptom, dass es etwas gibt, das verbessert werden sollte, mit dem markup der Seite, ohne unbedingt entfernen von Inhalten. Verwenden Sie geschachtelte Tabellen für layout-Zwecke? Werden Sie werfen in mehr <div>s nur zu beheben layout-Probleme? Vielleicht gibt es eine bessere und semantisch richtige Art und Weise zu tun, Ihre Auszeichnungen.
    Eine große Hilfe bei layouts werden die YUI-CSS utilities: grids.css kann helfen Sie mit das Allgemeine layout, die Schriftarten.css und reset.css kann helfen, Sie Streifen entfernt die browser-Standardeinstellungen zu formatieren. Dies ist eine chance, neu anzufangen und denken Sie über Ihre markup, zum Beispiel mit <div>s nur, wenn es macht Sinn, semantisch, und nicht, weil es macht eine neue Zeile.
    Die Anzahl der DOM-Elemente ist einfach zu testen, geben Sie einfach in der Firebug-Konsole:
    Dokument.getElementsByTagName('*').Länge
    Und wie viele DOM-Elemente sind zu viele? Überprüfen Sie andere ähnliche Seiten, die gutes markup. Zum Beispiel die Yahoo! Startseite ist ein ziemlich beschäftigt Seite und immer noch unter 700 Elemente (HTML-tags).

    InformationsquelleAutor Event_Horizon
  2. 4

    Nein, es ist nicht schlecht, um es so zu benutzen.
    Aber Sie können dies vermeiden, mit psudeo Inhalte wie,

    .showinfo:after{
content: "";
display: block;
/*
 this will be the style for your div after
 but dont forget to specifiy the width and height and act like its a new div
 */
}
    • :after pseudoclass wird nicht unterstützt von allen Browsern/Versionen siehe hier , Sie müssten JS-hacks, es funktioniert im IE7 etc
    InformationsquelleAutor Mahmoud Ilyan
  3. 3

    Vom die HTML5-Spezifikation:

    3.2.8.2.8 Fühlbar Inhalt

    Als eine Allgemeine Regel, die Elemente, deren Inhaltsmodell erlaubt die Informationsflut die Inhalte oder die Phrasierung Inhalt sollte über mindestens einen untergeordneten Knoten, ist spürbar Inhalt und nicht das hidden-Attribut angegeben ist.

    Diese Anforderung ist keine harte Voraussetzung, da es jedoch viele Fälle, in denen ein element kann leer sein, berechtigterweise, zum Beispiel, wenn es ist verwendet als Platzhalter, die später gefüllt werden, die von einem script, oder wenn das element ist Teil einer Vorlage und würde auf den meisten Seiten gefüllt werden, aber auf einigen Seiten ist nicht relevant.

    So, da divs erlauben flow Inhalt. leere divs sind etwas, was in der Regel vermieden werden, aber nicht ungültig, noch etwas zu bekommen, hing über.

    InformationsquelleAutor Alohci
  4. 1

    Wenn es nur ein paar oder ein paar Dutzend von Ihnen, es wird nicht einen großen Unterschied machen, und Sie können Sie verwenden, wenn Sie den job schön.

    Aber wenn man um die hundert oder mehr von Ihnen, dann sollten Sie überdenken Ihren Ansatz, da es erhöht sich die Anzahl der DOM-Elemente. Im Allgemeinen, desto weniger DOM-Elemente, desto besser. Mehr Informationen über die Optimierung finden Sie in diesem ausgezeichneten Die Yahoo-Artikel auf Optimierung.

    InformationsquelleAutor Danilo Radenovic
  5. 0

    Kann es auch erforderlich sein, zu unterscheiden zwischen leere Elemente und Elemente mit leerem Inhalt. Zumindest im FireFox habe ich bemerkt, dass ein leeres div-element () nicht wie erwartet funktioniert hat, sondern ein div-element mit leerem Inhalt hat ().

    InformationsquelleAutor Carl L
  6. -2

    Ja, es scheint seltsam, aber wir verwenden allgemein leeres div. Wie die Einstellung eines Sprites als hintergrund eines div. Jede Website Benutzt Leeren Divs. Wenn Sie es verwenden möchte, dann können Sie. Es gibt keine Einschränkungen.

    • Es ist schlechte Praxis, und in der Regel unnötig.
    InformationsquelleAutor Muhammad Talha Akbar
Schreibe einen Kommentar