HTML

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

목차

  1. <summary> 예제 - 세부사항의 머리글
  2. <summary> 정의
  3. <summary> 기본 CSS

 

<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. 
IE 제외한 주요 최신 브라우저 모두 지원.

 <summary> 태그는 전역속성・이벤트속성 지원.
 

<summary> 기본 CSS

 

summary { display: block; }

 

<summary> 태그는 블럭요소 (= 한 줄 전체 차지).
 
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
formatting HTML - <bdi> 태그 - 글자 양방향 인식 (= 글자방향 = bdi태그 = 브디태그)
formatting HTML - <mark> 태그 - 형광펜칠하기 (= mark태그 = 마크태그) (HTML5추가, IE9 이상…
formatting HTML - <meter> 태그 - 게이지바 (= meter태그 = 미터태그)
formatting HTML - <progress> 태그 - 진행상태바 (=진행바 = 진행막대 = 작업막대 = progress태…
formatting HTML - <ruby> 태그 ★ - 글자 상단 주석 달기 (= ruby태그 = 루비 태그) ※ 후리가나 달…
formatting HTML - <rb> 태그 ★ - 상단주석 붙일 기본글자 (= rb태그 = 알비태그)
formatting HTML - <rt> 태그 ★ - 글자 상단 주석 내용 (= rt태그 = 알티태그)
formatting HTML - <rp> 태그 - 글자 상단 주석 안 먹힐 때 보여줄 내용 (= rp태그 = 알피태그)
intro HTML - Accessibility (웹표준・웹접근성) ★
responsive HTML - Responsive Web Design (반응형 웹디자인) 장단점 + 홈페이지 제작법
formatting HTML - <time> 태그 - 브라우저 인식 가능 날짜시간 지정 (= time태그 = 타임태그, IE9)
formatting HTML - <wbr> 태그 - 한 단어 내 줄바꿈 위치/지점 표시 (= wbr태그 = 더블유비알태그)
form HTML - <datalist> 태그 - 입력가능값리스트 (= datalist태그 = 데이터리스트태그)
form HTML - <keygen> 태그 - 암호화쌍키생성 (= keygen태그 = 키젠태그)
form HTML - <output> 태그 - 계산 결과값 출력 (= output태그 = 아웃풋태그)
7/23
목록
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰
Q&A
커뮤니티
웹유틸
회원센터
홈짱닷컴 PC버전 로그인