dd ... ⁄dd syntax
Syntax dd
- start tag required: <dd>
- end tag optional IF...: <⁄dd>
<⁄dd> optional IF...:
- dd element is immediately followed by another dd element Syntax 1a OR
- dd element is immediately followed by a dt element Syntax 1b OR
- there is no more content after the dd element inside the dl Syntax 1c
Examples dd syntax
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!doctype html> <> <> <>...</> </> <> <> <> <> <> </> </> </> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!doctype html> <> <> <>...</> </> <> <> <> <> <> </> </> </> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!doctype html> <> <> <>...</> </> <> <> <> <> </> </> </> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!doctype html> <> <> <>...</> </> <> <> <> <>...</> </> </> </> |
Video demonstration dd element, syntax
HTML5 dd element, syntax Tutorial
| min | video details |
|---|---|
| 00:04 | video tutorial: dd element, syntax |
| 00:10 | adding the dd element in page |
| 00:16 | syntax correct: the dt element has: - a start tag: <dt> - and an end tag: <⁄dt> |
| 00:22 | syntax correct: dt element has: - a start tag: <dt> - end tag is missing: <⁄dt> ALLOWED in a few cases |
| 00:32 | dd element's end tag <⁄dd> may be omitted if: |
| 00:33 | - dd element is next followed by another dd element OR |
| 00:34 | - dd element is next followed by a dt element OR |
| 00:36 | - after the dd element there's no more content |
| 00:39 | IF - after the dd element there IS more content, like the a element, then the dd end tag <⁄dd> is required! |
| 00:47 | syntax wrong: <⁄dd> is required! |
| 00:53 | syntax correct |