In der Vergangenheit implementierten viele Webdesigner ihre Web -Renderings in Webseiten mit Tabellenlayout, aber dies würde auf ein problematischeres Problem stoßen, nämlich dass es in der späteren Phase ziemlich schwierig wäre, in der späteren Phase zu debuggen und zu warten. 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 Ihnen die DL-, DT- und DD -Tags von HTML mehr Code und gestaltet 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 sich bitte weiter an, wie Sie die DL-, DT- und DD -Tags von HTML verwenden, um Ihre Arbeit zu erleichtern ...
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.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <tabelle> <tbody> <tr> <td class = title> name: </td> <td class = text> squall li </td> </tr> <tr> <td class = title> Alter: </td> <td class = text> 23 </td> </tr> <tr> <td class = title> Geschlecht: </td> <td class = text> männlich </td> </tr> <tr> <td class = title> Tag der Welt: </td> <td class = text> 26. Mai 1986 </td> </tr> </tbody> </table>
|