• 1:1 문의
  • 회원가입
  • 로그인

[style] HTML5 - <summary> (서머리태그, 써머리태그) - <details> 태그 안에서 사용자에게 노출할 머리글 : IE 및 파이어폭스 아직 지원 안 함.

예제

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


결과보기


정의

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



비고

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


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


3.
HTML5에 새로 도입


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


5.
HTML5 전역속성과 이벤트 속성 지원.


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

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




속성과 속성값
 속성  속성값  설명  비고
 open  open  세부사항을 사용자에게 노출시킴  HTML5에서 도입

즐겨찾기 (= 북마크) : Ctrl + D
홈페이지 제작
유지보수 관리

분류 제목
intro HTML - 발전사 (HTML 4.01 → XHTML → HTML5.0)
intro HTML - 태그 기본 문법 ★
basic HTML - <!DOCTYPE> ★★ (독타이프태그, 문서타입태그) - DTD (문서 타입 선언)
basic HTML - <html> ★ (에이치티엠엘태그) - HTML 문서임을 선언
basic HTML - <body> ★ (바디태그) - 브라우저에 보일 문서 영역 표시
font HTML - <h1> ~ <h6> ★ (에이치태그) - 문단 제목 글씨 크기
basic HTML - <p> ★ (= 피태그 = 피요소) - 글의 단락이나 문단 표시
basic HTML - <br> ★ (비알태그) - 줄바꿈 (=한줄아래로)
basic HTML - <hr> (에이치알태그) - 주제 다른 문단 구분 수평선(=가로선) - (HTML5 일부 속성…
basic HTML - <!--주석 내용--> ★ (주석태그) - 주석 처리
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> (애크로님태그) - 두문자어 : STF (IE6 이상) - (HTML5 지원 …
formatting HTML - <abbr> (어브르태그,어브리비에이션태그) - 축약어 : STF (IE7 이상)
formatting HTML - <address> (어드레스태그) - 문서 작성자나 소유자의 연락처
font HTML - <b> ★ (비태그, 볼드태그) - 굵은 글씨 (일반)
목록

방문자 수

오늘 377
어제 557
최대 583
전체 439,781
Since 2012