Die Website senkt nicht nur die Kosten für Entwicklung und Wartung, sondern der Code ist auch semantischer. 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 ...
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