Jetzt verwenden immer mehr Front-End-Entwickler XHTML+CSS, um das ursprüngliche Tabellenlayout zu ersetzen, um das Gesamtlayout der Webseite zu vervollständigen, wodurch nicht nur die Kosten für die Entwicklung und Wartung der Website gesenkt werden, sondern auch den Code semantischer werden. Dies bedeutet jedoch nicht, dass der Tisch von nun an verschwunden ist. Es wird immer noch von vielen Personen als Notwendigkeit für die Datenrepräsentation auf Webseiten wie Datenlisten für persönliche Information usw. verwendet. Tatsächlich sparen Sie HTML DL, DT und DD -Tags mithilfe von HTML -DL-, DT- und DD -Tags mehr Code und gestalten den Code besser mit der Semantik des Inhalts. Natürlich haben Tabellen auch ihre Verwendung, dh Datentabellen mit großen Datenmengen, aber kleine Datenlisten und Formulare können vollständig vermieden werden!
Wenn Sie immer noch herkömmliche Tabellen verwenden, um Datenlisten zu erstellen, sehen Sie weiter, wie die Verwendung von HTML DL-, DT- und DD -Tags Ihre Arbeit erleichtert ...
Tabellendatenliste
Der Datenlistencode einer herkömmlichen Tabelle ist unten angezeigt. Wir müssen jeder Zeile ein TR -Tag hinzufügen und dann dem Titel und den Daten ein TD -Tag hinzufügen. Da die Tags TD sind, müssen Sie jedem TD ein Klassenattribut hinzufügen, wenn Sie einen Stil hinzufügen möchten.
Kopieren Sie den Code