HTML4 - ЗНАЧИТЕЛЬНАЯ разметка для списка - PullRequest
2 голосов
/ 17 января 2012

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

<h2>Story 1</h2>
<em>by: Author X January 17, 2012</em>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book...</p>

Итак, какую значимую разметку я должен использовать, чтобы составить список вышеупомянутой разметки?

Ответы [ 5 ]

3 голосов
/ 17 января 2012

HTML5 предлагает множество новых семантических тегов. Вот пример того, как история может быть структурирована. Для получения дополнительной информации просто Google "HTML5 семантические теги"

<article>
  <header>
    Title
    <address>Author</address>
    <time>...</time>
  <header>
  <section>
    lorem ipsum
  </section>
</article>

Редактировать: При использовании HTML4 вы можете придерживаться того, что у вас уже есть, что, на мой взгляд, прекрасно.

2 голосов
/ 17 января 2012

Заголовки h2 делят содержимое на разделы. Это старая практика HTML, и вам больше ничего не нужно, если только вы не хотите стилизовать разделы каким-либо особым образом или называть их единицами в сценариях на стороне клиента или в ссылках. Если вам нужно что-то подобное, то div с class - это практичный способ. Сторонники HTML5 могут предложить section, но никаких реальных преимуществ не было описано, и section требуется дополнительный код JavaScript, чтобы представить его в старых версиях IE.

Вам не нужна разметка списка. Простое наличие двух или более одинаковых элементов подряд не означает, что вам нужна некоторая разметка для списка элементов. Элементы списка HTML ul (маркированный список), ol (нумерованный список) и dl (список именованных описаний) представляют собой специализированные конструкции, обычно используемые для списков, состоящих из коротких фрагментов текста. Таблицы могут рассматриваться как списки строк, имеющих одинаковую структуру, но обычно это имеет смысл только тогда, когда строки представляют собой «записи» некоторого вида, и вы действительно получаете что-то от представления их в виде таблицы.

Если ваши статьи представляют собой действительно короткие описания историй, а не сами истории, они могут рассматриваться как библиографические записи и, следовательно, в виде таблиц. Но, на самом деле, это полезно только тогда, когда имеет смысл представлять их в виде таблицы, по одной строке для каждой записи. Это будет означать, что описания довольно короткие. Подумайте, может ли понадобиться табличный подход, например, чтобы сделать возможным изменение порядка записей (с помощью сценариев на стороне клиента), скопировать таблицу из HTML в текстовый процессор или Excel и т. д.

1 голос
/ 17 января 2012

Я все еще думаю, что таблица является наиболее логичным подходом.Смотрите этот jsfiddle .

1 голос
/ 17 января 2012

Нет ничего более значимого для списка, чем элемент списка;)

Если бы истории были в значимом порядке, я бы использовал <ol>, но если нет, то <ul> должно быть достаточно.Что касается содержимого каждого элемента списка, вы можете использовать <article>, так как каждый элемент в списке представляет отдельный блок содержимого с заголовком

0 голосов
/ 17 января 2012

Попробуйте использовать тег <div>. Затем внутри тега div используйте все остальные теги

...