HTML 태그 details 태그에 대해 알아보자

<details> 태그는 사용자가 한번 클릭하면 열리고 다시 클릭하면 닫히는 형태의 태그입니다. 주로 "자주묻는 질문" 이런 곳에 많이 사용합니다.

<details> 아래는 details 태그의 적용 모습입니다.

공인인증서 파일이 안먹어요?

본 공사의 홈페이지는 허접ㅆㅡ레기인 인터넷익스플로러 최신버전에 적합하게 설계되어 있습니다. 고객님께서는 크롬이나 사파리를 사용할려면 앞으로 여기 오지 마세요!!!

<details> 태그로 묶게 되면 그안의 내용이 나타났다 사라졌다 하게 됩니다.

<details> 태그안에 <summary>태그로 제목을 나타냅니다. 제목을 클릭하면 아래의 설명이 나오게 되는 구조입니다.

<details>

  <summary>로그인이 안됩니다?</summary>
  
  <p>아이디와 비밀번호를 숙지하시고, 정기적으로 비밀번호는 갱신하시기 바랍니다.</p>
  
</details>

사용방법은 위와 같이 아주 간단합니다.

융잔블로그