Нужна семантическая разметка

Какая самая лучшая семантическая и доступная разметка для таких данных, как информация о студентах / сотрудниках.

У меня есть страница, на которой я хочу отображать информацию о человеке, такую ​​как имя (имя + фамилия), адрес, день рождения, номер телефона, адрес электронной почты, веб-сайт, специальность, несовершеннолетний, средняя школа, имя отца, имя матери и т. Д.

Это не табличные данные, так как это не список данных. это информация только об одном человеке / объекте / школе / компании.

Он может быть представлен в одно-, двух- или трехколоночной смешанной компоновке. пример

name
phone number | email | website
------------------------------
section title
major | minor
current gpa | last semester gpa

section title
------------------------------
father | mother
school | college

Я думал об использовании Div + DL, но, похоже, излишний для доступности.

<div>
  <h3>Title</h3>
  <div class="row">
    <dl>
       <dt>Major</dt>
       <dd>Computer Science</dd>
     </dl>

     <dl>
       <dt>Minor</dt>
       <dd>Math</dd>
     </dl>

   </div>
 </div>

html accessibility semantic-markup
person Dean    schedule 14.05.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

В HTML нет семантической разметки для такой информации, за исключением, возможно, случая использования нечетной семантики для слова «семантический». Но данные являются табличными, так как они могут быть организованы в виде таблицы с двумя столбцами, с именем свойства в одном столбце и значением свойства в другом. Используете ли вы таблицу, список описаний или что-то еще, должно зависеть от приемлемости рендеринга по умолчанию и простоты стилизации.

Использование dl неверно из-за определений HTML 4 (это не список определений), но HTML 4 противоречив в этом вопросе, и практическая точка зрения (и представление HTML5) такова, что dl просто список пар имя / значение. Если вы решите использовать его, вероятно, проще всего будет иметь один элемент dl, содержащий несколько таких пар.

Но если элементы должны быть разделены заголовками, тогда было бы лучше иметь разметку заголовков для заголовков и одну таблицу или один элемент dl после каждого из них.

person Jukka K. Korpela    schedule 14.05.2012

arrow_upward
0
arrow_downward

микроформаты ftw. вы можете использовать dl, хотя я бы использовал ul, но это действительно прерогатива; это имеет смысл, так же как использование списка имеет смысл почти для чего угодно, но на самом деле это ваше мнение. Вы можете использовать микроформат hcard для студента. для его оценок и специальности .... я не совсем уверен; Я на 100% верю и поддерживаю микроформаты, но есть некоторые серые зоны. вы можете принимать свои собственные решения ... вы можете использовать xfn для родителей (rel = "parent"), но главное, опять же, зависит от вас. ссылка: http://microformats.org

person albert    schedule 15.05.2012