일부 알 수 없는 HTML 태그

1. 필드셋 태그

HTML의 <fieldset> 태그는 HTML 양식 내에서 논리적으로 유사한 필드를 그룹화하는 데 사용됩니다.

<fieldset>
      <legend>User details:</legend>
      <label>Name</label><br />
      <input type="text" name="name" /><br />
      <label>Email</label><br />
      <input type="email" name="email" /><br />
</fieldset>

산출

2. kbd 태그

키보드 입력을 지정하는 구문 태그입니다. <kbd> 태그 내의 텍스트는 일반적으로 브라우저의 기본 모노스페이스 서체로 표시됩니다.

<p>keyboard shortcut : 
        <kbd>Ctrl</kbd> + <kbd>N</kbd>
</p>

산출

3. 데이터리스트 태그

HTML 파일에서 <datalist> 태그는 자동 완성 기능을 제공하는 데 사용됩니다. 입력 태그와 결합하여 사용자가 데이터를 선택하여 빠르게 양식을 채울 수 있습니다.

<form>
      <label>Your Options: </label>
      <input list="options" />
      <datalist id="options">
         <option value="Option 1" />
         <option value="Option 2" />
         <option value="Option 3" />
      </datalist>
</form>

산출

4. 미터 태그

미리 정의된 범위 내의 스칼라 측정 또는 분수 값은 <metre> 태그로 정의됩니다.

Progress : <meter value="0.7">7 out of 10</meter>

산출

5. 시간표

<time> 태그는 지정된 요일과 시간(또는 날짜/시간)을 지정합니다.

<p>Open from <time>10:00</time> to <time>21:00</time> every weekday.</p>

산출

6. 진행 태그

<progress> 태그는 작업이 얼마나 진행되었는지 표시하는 데 사용됩니다. 웹 개발자가 웹 사이트에 진행률 표시줄을 추가하는 것이 간단합니다. 일반적으로 파일이 웹 페이지에 업로드되는 정도를 설명하는 데 사용됩니다.

Downloading progress:  
<progress value="80" max="100"></progress> 

산출

7. 약어 태그

<abbr> 태그는 www, HTML, HTTP 등과 같은 더 긴 용어나 구문의 약어 또는 약어를 나타냅니다. 일부 브라우저에서는 <abbr> 태그 사이에 작성된 내용이 점선 밑줄로 렌더링됩니다.

    <p>Abbreviation : <abbr title="HyperText Markup language">HTML</abbr> </p>

산출

8. 상세 태그

<details> 태그는 사용자가 언제든지 보거나 숨길 수 있는 웹 페이지의 추가 정보를 표현하는 데 사용됩니다.

<details>  
      <summary>Click here to expand.</summary>  
      <p>Summary goes here</p>  
 </details>  

산출