dl test

templates/field/field--node--islandora-object.html.twig

@@ -1,81 +1,75 @@
 {#
 /**
- * @file
+* @file
- * Theme override for a field.
+* Theme override for a field.
- *
+*
- * To override output, copy the "field.html.twig" from the templates directory
+* To override output, copy the "field.html.twig" from the templates directory
- * to your theme's directory and customize it, just like customizing other
+* to your theme's directory and customize it, just like customizing other
- * Drupal templates such as page.html.twig or node.html.twig.
+* Drupal templates such as page.html.twig or node.html.twig.
- *
+*
- * Instead of overriding the theming for all fields, you can also just override
+* Instead of overriding the theming for all fields, you can also just override
- * theming for a subset of fields using
+* theming for a subset of fields using
- * @link themeable Theme hook suggestions. @endlink For example,
+* @link themeable Theme hook suggestions. @endlink For example,
- * here are some theme hook suggestions that can be used for a field_foo field
+* here are some theme hook suggestions that can be used for a field_foo field
- * on an article node type:
+* on an article node type:
- * - field--node--field-foo--article.html.twig
+* - field--node--field-foo--article.html.twig
- * - field--node--field-foo.html.twig
+* - field--node--field-foo.html.twig
- * - field--node--article.html.twig
+* - field--node--article.html.twig
- * - field--field-foo.html.twig
+* - field--field-foo.html.twig
- * - field--text-with-summary.html.twig
+* - field--text-with-summary.html.twig
- * - field.html.twig
+* - field.html.twig
- *
+*
- * Available variables:
+* Available variables:
- * - attributes: HTML attributes for the containing element.
+* - attributes: HTML attributes for the containing element.
- * - label_hidden: Whether to show the field label or not.
+* - label_hidden: Whether to show the field label or not.
- * - title_attributes: HTML attributes for the title.
+* - title_attributes: HTML attributes for the title.
- * - label: The label for the field.
+* - label: The label for the field.
- * - multiple: TRUE if a field can contain multiple items.
+* - multiple: TRUE if a field can contain multiple items.
- * - items: List of all the field items. Each item contains:
+* - items: List of all the field items. Each item contains:
- *   - attributes: List of HTML attributes for each item.
+* - attributes: List of HTML attributes for each item.
- *   - content: The field item's content.
+* - content: The field item's content.
- * - entity_type: The entity type to which the field belongs.
+* - entity_type: The entity type to which the field belongs.
- * - field_name: The name of the field.
+* - field_name: The name of the field.
- * - field_type: The type of the field.
+* - field_type: The type of the field.
- * - label_display: The display settings for the label.
+* - label_display: The display settings for the label.
- *
+*
- *
+*
- * @see template_preprocess_field()
+* @see template_preprocess_field()
- */
+*/
 #}
 {%
-  set classes = [
+set classes = [
-    'field',
+'field',
-    'field--name-' ~ field_name|clean_class,
+'field--name-' ~ field_name|clean_class,
-    'field--type-' ~ field_type|clean_class,
+'field--type-' ~ field_type|clean_class,
-    'field--label-' ~ label_display,
+'field--label-' ~ label_display,
-    label_display == 'inline' ? 'clearfix',
+label_display == 'inline' ? 'clearfix',
-  ]
+]
 %}
 {%
-  set title_classes = [
+set title_classes = [
-    'field__label',
+'field__label',
-    label_display == 'visually_hidden' ? 'visually-hidden',
+label_display == 'visually_hidden' ? 'visually-hidden',
-  ]
+]
 %}
 
 {% if label_hidden %}
-  {% if multiple %}
+{% if multiple %}
-    <div{{ attributes.addClass(classes, 'field__items') }}>
+<dl{{ attributes.addClass(classes, 'field__items' ) }}>
-      {% for item in items %}
+  {% for item in items %}
-        <div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
+  <dd{{ item.attributes.addClass('field__item') }}>{{ item.content }}</dd>
-      {% endfor %}
-    </div>
-  {% else %}
-    {% for item in items %}
-      <div{{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
     {% endfor %}
-  {% endif %}
+    </dl>
-{% else %}
+    {% else %}
-  <div{{ attributes.addClass(classes) }}>
-    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
-    {% if multiple %}
-      <div class="field__items">
-    {% endif %}
     {% for item in items %}
-      <div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
+    <dd{{ attributes.addClass(classes, 'field__item' ) }}>{{ item.content }}</dd>
-    {% endfor %}
+      {% endfor %}
-    {% if multiple %}
+      {% endif %}
-      </div>
+      {% else %}
-    {% endif %}
+      <dl{{ attributes.addClass(classes) }}>
-  </div>
+        <dt{{ title_attributes.addClass(title_classes) }}>{{ label }}</dt>
-{% endif %}
+          {% for item in items %}
+          <dd{{ item.attributes.addClass('field__item') }}>{{ item.content }}</dd>
+            {% endfor %}
+            </dl>
+            {% endif %}