Heim  >  Artikel  >  Web-Frontend  >  Eine kurze Diskussion über die Koexistenz von DIV und TABLE

Eine kurze Diskussion über die Koexistenz von DIV und TABLE

小云云
小云云Original
2017-12-13 11:00:541508Durchsuche

Wir wissen, dass div und table wesentliche Tags im Frontend-Design sind. Ihre Funktionen sind größtenteils gleich, es gibt jedoch auch viele Unterschiede. In diesem Artikel werden wir kurz auf die Koexistenz von DIV und TABLE eingehen.

Über Tische

Nach der Verwendung von WEB-Standards bedeutet dies nicht, dass die Verwendung von Tischen nicht geschmacklos ist, sondern im Gegenteil, sie sind ein Fest Grund, warum es viele Diskussionen über CSS-Layout gibt. Der Satz „Warum ist es unklug, Tabellen für das Layout zu verwenden“ wird oft in Artikeln erwähnt. Es kann sein, dass die Leute ihn falsch verstanden haben: „Verwenden von Tabellen für das Layout“ ist „ unklug“ „“ bezieht sich auf das, was wir seit vielen Jahren verwenden. Es ist unklug, Tabellen für das Layout zu verwenden. Letztlich sind Tabellen eine Möglichkeit, „Daten anzuzeigen ". Sie können sich vorstellen, dass für diesen Zweck in Excel Tabellen verwendet werden. Manchmal werden Informationen in Tabellen angezeigt, damit wir sie klar und einfach lesen können. Daher verwenden wir Tabellen, z. B. Kontaktformulare für Mitarbeiter von Unternehmen, Produkt- und Modellkorrespondenztabellen , usw. Was das sogenannte Fest der Tabellen betrifft, so haben die Meinungen tatsächlich zugenommen. Auf einem bestimmten Niveau, das heißt, wenn Sie Tabellen flexibel verwenden können, um Informationen wie Kundendaten und Umfragedaten wie eine professionelle Marktanalyse anzuzeigen Unternehmen, dann können Sie die Tabelle wirklich nutzen. Also, über diesen Satz, wenn er schon lange verwendet wird, sollte er geändert werden in „
Verwenden Sie Tabellen für das Webseitenlayout. Das ist unvernünftig Layoutseitenelemente. Tabellen werden zum Anzeigen von Daten verwendet.
Über andere Elemente

Aufgrund meiner Erfahrung unterteile ich einige Elemente im XHTML-Standard in drei Hauptkategorien :

Die erste Kategorie nenne ich Hilfslayout-Designelemente: Hier beziehe ich mich auf p, SPAN usw. Die Hauptfunktion dieser Art von Elementen besteht darin, die gesamte Seite flexibel zu gestalten kann die Leistung Ihrer Seite reichhaltig und farbenfroh gestalten.

Der zweite Typ, den ich als strukturierte Elemente oder Informationen bezeichne, bezieht sich auf TABLE-, UL-, PRE- und CODE-Elemente, die beispielsweise eine Möglichkeit zum Anzeigen und Organisieren von Informationen darstellen wird offensichtlich zum Anzeigen von Tabelleninformationen verwendet, und UL wird zum Anzeigen von spaltenbasierten Informationen verwendet. Wenn Sie Tabellen verwenden müssen oder Wenn Sie eine Liste erstellen, ist es ratsam, diese beiden Methoden zum Anzeigen zu verwenden
Die dritte Kategorie bezieht sich auf Ein Meta. Dies dient lediglich der Implementierung einiger Funktionen, z. B. dem Schlüsselwort META zum Ausfüllen von Schlüsselwörtern und dem Erstellen von Links. Die richtige standardkonforme Designidee lautet dann: Verwenden Sie Layoutelemente wie p, um das Design, die Positionierung und die Farbblöcke zu erstellen , Bilder usw. Verwenden Sie Elemente wie TABLE, UL usw., um die Daten anzuzeigen, die auf der Seite angezeigt werden müssen. Um Daten zu organisieren, können Sie natürlich auch das ID-Attribut von p verwenden Behandeln Sie ein p ganz einfach als einen von Ihnen benannten Datenblock. Daher ist die Verwendung von WEB-Standards zum Erstellen einer Website tatsächlich ein Prozess der Rationalisierung und Integration von Informationen. Sie sollten alle Elemente verwenden, die verwendet werden sollen. Verwenden Sie keine Tabellen als Layout-Tools.


Verwandte Empfehlungen:

So verwenden Sie DIV und CSS, um eine Navigationsleiste zu erstellen

So verwenden Sie Tabellen-Tags in HTML

Analyse des automatischen Zeilenumbruchs, wenn DIV und TABLE die Breite im CSS-Webseitenlayout_html/css_WEB-ITnose

überschreiten

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Koexistenz von DIV und TABLE. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn