Теперь все больше и больше фронтальных разработчиков начинают использовать XHTML+CSS для замены исходного макета таблицы, чтобы завершить общий макет веб-страницы, что не только снижает стоимость разработки и обслуживания веб-сайта, но также делает код более семантическим. Тем не менее, это не означает, что таблица исчезла с этого момента. Он до сих пор используется многими людьми в качестве необходимости представления данных на веб -страницах, таких как списки данных личной информации и т. Д. Фактически, с использованием HTML DL, DT и DD -тегов сохранит вас больше кода и сделает код более соответствовать семантике контента. Конечно, таблицы также имеют свое использование, то есть таблицы данных с большими объемами данных, но небольшие списки и формы данных можно полностью избежать!
Если вы все еще используете традиционные таблицы для создания списков данных, пожалуйста, продолжайте видеть, как использование HTML DL, DT и DD облегчает вашу работу ...
Список данных таблицы
Код списка данных традиционной таблицы показан ниже. Нам нужно добавить тег TR в каждую строку, а затем добавить тег TD в заголовок и данные. Поскольку теги TD, если вы хотите добавить стиль, вам нужно добавить атрибут класса в каждый TD.
Скопировать код