🎨 개발자가 잘 모르는 HTML 태그

<progress value="50" min="0" max="100"></progress>

<meter value="10" min="0" max="100" low="20" high="65" optimum="15"></meter>

<details>
	<summary>클릭 전 볼 수 있는 영역</summary>
	<span>클릭 후에만 표시되는 영역</span>
</details>

<input type="date"/>
<input type="week"/>
<input type="month"/>
<input type="time"/>

<picture>
	<source srcset="src/01.jpeg" media="(min-width:1200px)"/>
    <source srcset="src/02.jpeg" media="(min-width:900px)"/>
    <source srcset="src/03.jpeg" media="(min-width:500px)"/>
    <img src="src/04.jpeg" />
</picture>

<label for="movie">What is your favourite movie?</label>
<input type="text" list="movie-options"/>
 
<datalist id="movie-options">
  <option value="Dune"/>
  <option value="Dark waters"/>
  <option value="The Artist"/>
  <option value="The Avengers"/>
  <option value="Iron Man"/>
  <option value="Iron Man II"/>
  <option value="Matrix"/>
</datalist>