Web Design/HTML & HTML 5

[HTML] Tag ; datalist, dd, del

우인21 2018. 5. 29. 17:11

[HTML] Tag ; datalist, dd, del

D01.
datalist
☞ 정의 : datalist요소는 다른 컨트롤을 위해 미리 정의된 옵션의 집합을 나타냅니다.
☞ 설명 :
- datalist요소는 list속성을 사용하는 input요소와 함께 사용됩니다.
example :

<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

<p><strong>Note:</strong> The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.</p>

</body>
</html>

D02. dd
☞ 정의 : dd요소는 dl요소의 용어-설명 그룹에서 설명, 정의, 값을 나타냅니다.
☞ 설명
- dl요소의 하부 요소입니다.
- 정의된 용어(dt요소)에 대한 설명을 지정합니다.
example :

<!DOCTYPE html>
<html>
<body>

<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>

</body>
</html>

D03. del
☞ 정의 : del요소는 문서로부터 삭제되었음을 표현합니다.
☞ 속성 :
- cite : del요소의 변화에 대해 설명이 되어 있는 곳의 위치를 명시합니다.
- datetime : 삭제한 시간을 지정합니다.
example :
<!DOCTYPE html> <html> <body> <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> </body> </html>