• 이용 문의
  • 회원가입
  • 로그인

[style] HTML - <summary> Tag - 세부사항의 머리글 (= 서머리태그 = 써머리태그 = summary태그) (HTML5추가, IE,FF 지원X).

1,516  
<summary> 예제

<details>
  <summary>홈짱닷컴 (homzzang.com) 소개 [클릭]</summary>
  <p> - 홈페이지 제작 무료 가이드.</p>
  <p>제작 순서, HTML CSS, JS, SQL, PHP 등</p>
</details>


결과보기


<summary> 정의

 

사용자가 원할 때 보거나 감출 수 있는 추가적인 세부 사항을 표시하는 <details> 태그 안에서 
사용자에게 클릭해서 세부사항을 볼 수 있도록 보여줄 머리글을 표시할 때 사용 함.

 


 

1. 
<summary> 태그는 <details> 태그의 첫 번째 자식 요소로 와야 함.

2. 
시작태그와 종료태그로 구성

3. 
HTML5에 새로 도입

4. 
엣지, 익스플로러 및 파이어폭스는 아직 지원 안 함.  
크롬, 사파리, 오페라 최신 버전만 지원.

5. 
주요 브라우저 기본 CSS : summary { display: block; }     

6.
한 줄 전체를 차지하는 block 요소로 취급.

 

 

<summary> 속성
 속성  속성값  설명  비고
 open  open  세부사항을 사용자에게 노출시킴 HTML5 추가
※ <summary> 태그는 HTML5  전역속성이벤트속성 지원.
 
즐겨찾기 (= 북마크) : Ctrl + D

이름
비밀번호
자동등록방지
분류 제목 조회
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
3,061
3,061
intro HTML - 태그문법 ★
2,575
2,575
basic HTML - <!DOCTYPE> Tag ★ - 문서타입 (= !doctype태그 = !doctype요소 =…
3,788
3,788
basic HTML - <html> 태그 ★ - HTML문서 (= html태그 = html요소)
2,148
2,148
basic HTML - <body> 태그 ★ - 문서영역 (= body태그 = body요소 = 본문영역 = 바디태그 =…
2,525
2,525
font HTML - <h1> ~ <h6> Tag ★ - 문단제목글씨크기 (= 단락제목글자크기 = h1태그, h2태그…
2,617
2,617
basic HTML - <p> Tag ★ - 글단락 (= p태그 = p요소 = 글문단 = 단락태그 = 문단태그 = 피태…
2,488
2,488
basic HTML - <br> Tag ★ - 줄바꿈 (=br태그 = br요소 = 한줄아래로 = 비알태그 = 브레이크태…
2,620
2,620
basic HTML - <hr> Tag - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에…
3,536
3,536
basic HTML - <!--주석 내용--> Tag ★ - 주석처리 (= 주석태그)
2,947
2,947
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
2,715
2,715
formatting HTML - <acronym> Tag - 두문자어 (= 약어 = acronym태그 = acronym요소 = …
1,924
1,924
formatting HTML - <abbr> Tag - 축약어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리비에이션…
2,047
2,047
formatting HTML - <address> Tag - 연락처 (= address태그 = address요소 = 어드레스태그…
1,850
1,850
font HTML - <b> Tag ★ - 굵은글씨 (= b태그 = b요소 = 폰트굵기 = 비태그 = 볼드태그)
2,088
2,088
목록

방문자 수

오늘 15
어제 701
최대 1,698
전체 579,721
Since 2012