Заморозить последнюю строку даты, синхронизированную с каждым блоком изображения

#javascript #html

#javascript #HTML

Вопрос:

Я хочу создать HTML для прикрепленного изображения. Пожалуйста, подскажите мне, должен ли я использовать структуру таблицы или структуру div для того же. Я также хочу синхронизировать эту последнюю строку даты с определенным блоком цветного изображения.

Как мне добиться того же. Направьте меня.введите описание изображения здесь

Ответ №1:

Это не табличные данные, поэтому я бы не стал использовать <table> для этого элемент. Для ваших внешних контейнеров — контейнеров дня — я бы использовал <figure> s для каждого дня с <figcaption> элементами для подписи даты, хотя вы также можете использовать <div> или <section> с заголовком, если вы не доверяете поддержке вашего браузера для figure.

Внутри них у вас, похоже, есть нумерованные списки, в которых каждый элемент списка содержит изображение и набор образцов цвета. Поэтому я бы использовал упорядоченный список <ol> для внешнего списка, и каждый элемент внутри содержит изображение, а затем неупорядоченный список образцов. Вы можете использовать CSS, чтобы сделать неупорядоченные элементы списка отображаемыми в строке, и если вы использовали <ol start="30"> , то ваш упорядоченный список начнет отсчет с 30.