css html5 Лучший способ разместить эту информацию

#css #html

#css #HTML

Вопрос:

Я хочу разместить следующую информацию горизонтально в контейнере шириной 460 пикселей:

32 Лайка (шириной не более 50 пикселей) (пробел) Из Великобритании (пробел) Рекомендуемые (отображаются справа)

Какие теги вы бы порекомендовали в качестве наилучших для их размещения?

Вы можете увидеть изображение того, что я имею в виду здесьhttp://www.flickr.com/photos/62570778@N04/5693086371/in/dateposted

1. Это кажется бессвязным набором слов. Выбор тегов будет зависеть от содержимого (заголовок? номер главы? количество чего-то? ссылки?), и я не могу перепроектировать это из вашего примера.

2. @kylle, отредактируй свой ответ, чтобы он был более понятным. Не оставляйте свои обновления в комментариях.

Ответ №1:

Я не верю, что в HTML5 есть какие-либо новые теги, которые придавали бы семантическую ценность размещаемым вами данным.

div Вероятно, лучшим элементом для использования был бы A, наряду с обычным hX для заголовка и strong (или подобным) для выделенного текста.

На самом деле, если это список элементов ссылок, вы всегда могли бы использовать menu / li layout? Если вы также показываете контент из этих сообщений (?), как насчет тега section or article ?

Ответ №2:

Я думаю, картинка лучше описала бы, что вы имеете в виду.

Я в замешательстве, если вся кнопка имеет ширину 50 пикселей в произвольном блоке шириной 460 пикселей или если содержимое находится в блоке шириной 460 пикселей, а 32 лайка имеют ширину 50 пикселей, а из Великобритании показано справа и являются отдельными элементами?

1. Изображение загружено здесь flickr.com/photos/62570778@N04/5693086371/in/dateposted

2. @kyllle значит, вы не просто отображаете это, сверху / снизу есть другие данные? В этом случае вы могли бы использовать article как в моем ответе.