알아두면 좋은 HTML 태그

progress <progress value="10" min="0" max="20"></progress> * 진행률 표시줄을 제공 * 두 개의 속성이 있다. - max, value meter <meter min="0" max="100" high="65" optimum="15" value="90"></meter> * 값이 높고, 낮을 때에 따라 색상이 바뀐다. * 값의 상태만 전달한다. - 진행 상태 전달 x * optimum : 최적의 값 detail / summary <details> <summary>내용</summary> <span>클릭한 후에 나오는 내용</span> </details> * 유저의 클릭으로 정보를 보여주고, 숨기는 패턴 * summary에는 유저가 클릭하기 전에 보이는 내용 * summary 후의 내용은 유저가 클릭했을 때 보이는 내용 * details에 open이라는 CSS selector가 있어 활용할 수 있다. input type <input type="w...

원문링크 : 알아두면 좋은 HTML 태그