В прошлом многие веб -дизайнеры любили реализовать свои веб -визуализации в веб -страницы с макетом таблицы, но это будет столкнуться с более хлопотной проблемой, которая состоит в том, что было бы довольно сложно отлаживать и поддерживать на более позднем этапе. Теперь все больше и больше фронтальных разработчиков начинают использовать XHTML+CSS для замены исходного макета таблицы, чтобы завершить общий макет веб-страницы, что не только снижает стоимость разработки и обслуживания веб-сайта, но также делает код более семантическим. Тем не менее, это не означает, что таблица исчезла с этого момента. Он до сих пор используется многими людьми в качестве необходимости представления данных на веб -страницах, таких как списки данных личной информации и т. Д. Фактически, с использованием HTML DL, DT и DD -тегов сохранит вас больше кода и сделает код более согласованным с семантикой контента. Конечно, таблицы также имеют свое использование, то есть таблицы данных с большими объемами данных, но небольшие списки и формы данных можно полностью избежать!
Если вы все еще используете традиционные таблицы для создания списков данных, пожалуйста, продолжайте смотреть на то, как использует теги HTML DL, DT и DD, чтобы упростить вашу работу ...
Код списка данных традиционной таблицы показан ниже. Нам нужно добавить тег TR в каждую строку, а затем добавить тег TD в заголовок и данные. Поскольку теги TD, если вы хотите добавить стиль, вам нужно добавить атрибут класса в каждый TD.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <Таблица> <tbody> <tr> <td class = название> Имя: </td> <td class = text> squall li </td> </tr> <tr> <td class = title> Возраст: </td> <td class = text> 23 </td> </tr> <tr> <td class = title> пол: </td> <td class = text> мужчина </td> </tr> <tr> <td class = title> день рождения: </td> <td class = text> 26 мая 1986 г. </td> </tr> </tbody> </table>
|