- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Можно ли оформить контакты тегами <dl>, <dt>, <dd>? Верно ли будет это с точки зрения валидности? Сайт на HMTL5.
Нужно сверстать эти контакты. Или лучше использовать другой способ оформления контактов?
код города один размер кегля, номер телефона другой размер, город другой размер кегля. Т.е. будет 3 размера текста на 1 контакт. Подскажите как это верно сверстать?
Перечисленные элементы являются элементами списка определений и ни коем образом не подходят для отображения контактной информации. И валидность здесь совершенно не при чем.
В данном случае нужно рассматривать семантику и более всего подходит элемент <address></address>, само наименование этого элемента говорит о его содержимом.
Olldman, с помощью <address> можно сделать как на картинке номера? Подскажите пожалуйста как сделать на первом номере?
Подскажите как это верно сверстать?
Пример: http://jsfiddle.net/vEezJ/
Верно ли будет это с точки зрения валидности?
Все зависит от вас. Если сверстаете валидно то валидатор не найдет ошибок. А если не валидно - сразу сообщит.
Но судя по всему вас интересует не валидность, а семантичность. Это две разные вещи.
Перечисленные элементы являются элементами списка определений и ни коем образом не подходят для отображения контактной информации.
Вы ошибаетесь и вводите в заблуждение топикстартера.
маразматическая конструкция двухуровнего списка dl-dt-dd как раз для этого придумана :
Телефоны
-- телефон 1
-- телефон 2
-- телефон 3
адреса
-- адрес 1
-- адрес 2
топикстартеру
если сильно приспичило используйте для контактов микроформаты hcard / vcard В мобильных версиях для телефонов специальные правила
<a href="tel:[номер]">Позвонить по телефону</a>
<a href="call:[номер]">Позвонить по Skype</a>
<a href="sms:[номер]?body=[смс отправлено от ...]">SMS</a>
Ayavryk, спасибо.
CSS теги <dl> <dt> <dd>
Это HTML теги ☝
Ayavryk, я не увидел на картинке надписей "Телефоны" и "E-Mail", а, следовательно, определять было нечего.
Ayavryk, я не увидел на картинке надписей "Телефоны" и "E-Mail", а, следовательно, определять было нечего.
ОК. согласен. С точки зрения семантики DL-список здесь не очень (точнее сам текст не очень). Да и мне самому он не нравится. Нужен любой другой список - ol,ul И если очень хочется заключить его в рекомендованный вами атавистический address.