Read template should use more structured HTML

[caktus-philip]

The current read template puts the fields and field values into a single DIV and separates them by <br> tags. The code is below for reference.

I have two suggestions for improvement. First, wrap each field label + value in a block element (div, p, or li). That would make them a lot easier to style and more friendly to screen readers and content scrapers.

Second, add a class or id to the containing div to make it CSS-helpful.

<div>
  {# we have a form, just to make it easy to go through the data and display it #}
  {% for field in form %}
    <br/>
    {{ field.label_tag }} {{ field.value }}
  {% endfor %}
</div>

[dpoirier]

Good ideas. The <br/> was just a quick 'n dirty way to get something up and running.

[caktus-philip]

One possible implementation is here:
https://github.com/caktus/django_bread/blob/2f5e13c9915006a543be8b7f843ce080f6922f96/bread/templates/bread/includes/label_value_read.html