About Semantic HTML

{# posts/includes/post_list_item.html #}
{% load i18n tz humanize %}

<article>
  <header>
    <h2>
      <a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
    </h2>
    <p class="post-meta">
      {% blocktranslate trimmed with author_name=post.author.get_full_name author_url=post.author.get_absolute_url %}
        By <a href="{{ author_url }}" rel="author">{{ author_name }}</a>
      {% endblocktranslate %}
      <time datetime="{{ post.published_at|utc|date:'c' }}" 
            title="{% blocktranslate with timestamp=post.published_at|utc|date:'DATETIME_FORMAT' %}{{ timestamp }} UTC{% endblocktranslate %}">
          {{ post.published_at|naturaltime }}
      </time>
    </p>
  </header>

  {{ post.excerpt|linebreaks }}

  <footer>
    {% if post.tags.all %}
      <ul class="tags">
        {% for tag in post.tags.all %}
          <li><a href="{{ tag.get_absolute_url }}">{{ tag.name }}</a></li>
        {% endfor %}
      </ul>
    {% endif %}
    <a href="{{ post.get_absolute_url }}">{% translate "Read more" %}</a>
  </footer>
</article>

<ul class="post-list">
  {% for post in posts %}
    <li>{% include "posts/includes/post_list_item.html" %}</li>
  {% endfor %}
</ul>