dl 태그 내부에는 dt와 dd 만 올 수 있고 이외의 태그는 넣지 못한다.
그런데 만약 내부의 css를 수정하고 싶다면 어떻게 해야되느냐? (예를들어 하나의 dt dd 묶음에 div를 주ㅓ서 css 를 주고싶다고 칠 때 !)
아래처럼 dl 태그 말고 li dfn p 태그를 쓰는걸로 바꾸면 된다.
<body>
<dl>
<dt>Coffee</dt>
<dd>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species.</dd>
<dt>Milk</dt>
<dd>Milk is a nutrient-rich, white liquid food produced by the mammary glands of mammals.</dd>
</dl>
<ul>
<li>
<!-- definition 태그 -->
<dfn>
Coffee
</dfn>
<p>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species.</p>
</li>
</ul>
</body>
'HTML CSS' 카테고리의 다른 글
<br> 줄바꿈 태그 (0) | 2021.08.21 |
---|---|
<a> (0) | 2021.08.18 |
기본구조: header main footer (0) | 2021.08.16 |
header, body (0) | 2021.08.14 |
span tag 공백 (0) | 2021.08.14 |