• 회원가입
  • 로그인
  • 구글아이디로 로그인

[style] HTML - <dialog> 태그 - 대화박스 (= 대화상자 = dialog태그 = 다이알로그태그) (HTML5추가, IE,FF 지원X)

목차

  1. <dialog> 예제 - 대화상자
  2. <dialog> 정의
  3. <dialog> 속성

 

<dialog> 예제 - 대화상자

 

<table>

  <tr>
    <th>HTML <dialog open>HTML부터 시작</dialog></th>
    <th>CSS</th>
    <th>JS</th>
  </tr>
  <tr>
    <td>필수</td>
    <td>필수</td>
    <td>필수</td>
  </tr>
</table>


결과보기

 

<dialog> 정의 

 

대화상자 팝업이나 모달창 간단히 띄우기.

 


 

1.

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

2. 

HTML5 추가.

3. 

IE, 파이어폭스 제외한 주요 최신 브라우저 지원.

4. 

<dialog> 태그는 전역속성과 이벤트속성 지원.

 

 

<dialog> 속성

속성  속성값  설명  비고
open open  팝업 대화 상자 활성화. (유저와 상호작용)  HTML5 추가


분류 제목
attribute HTML - srcdoc 속성 - 아이프레임(iframe) src 속성 내용 대체할 태그내용 지정 (= sr…
attribute HTML - srclang 속성 - 트랙태그 소스의 언어코드 지정 (= srclang속성 = 에스알시랭속성/…
attribute HTML - srcset 속성 - 다른 환경에서 적용할 이미지소스 지정 (= srcset속성 = 에스알시셋속…
attribute HTML - start 속성 - 순서있는 리스트 시작값 설정 (= start속성 = 스타트속성) ※ 오엘태그…
attribute HTML - step 속성 - 입력 가능 숫자 간격 설정 (= step속성 = 스텝속성) ※ 입력 가능 배수…
attribute HTML - style 속성 ★ - 인라인 스타일 지정 (= style속성 = 스타일속성)
attribute HTML - tabindex 속성 - 탭색인번호 지정 (= tabindex속성 = 탭인덱스속성) ※ 탭넵비게…
attribute HTML - target 속성 ★ - (링크된 문서 열 곳 / 폼 제출할 곳) 지정 (= target속성 =…
attribute HTML - title 속성 ★ - 요소애 대한 추가 정보 지정 (= title속성 = 타이틀속성)
attribute HTML - translate 속성 - 요소 내용 번역 허용 여부 지정 (= translate속성 = 트랜슬…
attribute HTML - type 속성 ★★★ - 요소 타입 지정 (= type속성 = 타입속성)
attribute HTML - usemap 속성 - 이미지를 이미지맵으로 지정 (= usemap속성 = 유즈맵속성|유스맵속성)
attribute HTML - value 속성 ★★★ - 요소값 지정 (= value속성 = 밸류속성) ※ 초기값/기본값/현재…
attribute HTML - width 속성 - 너비 지정 (= width속성 = 위드스속성) ※ 가로길이 설정
attribute HTML - wrap 속성 - FORM 제출 시, TEXTAREA 텍스트 감싸기 (= wrap속성 = 랩속성…
etc HTML - 일정시간 후 페이지 이동/납치
deprecated HTML - <marquee> 태그 - 요소 내용 자동 스크롤 이동 영역 지정 (= marquee태그 = 마…
attribute HTML - rev 속성 - (HTML5 지원 X) 현재 웹문서가 타웹문서와 어떤 관계인지 지정 (= re…
image HTML - <picture> 태그 - 해상도 크기에 따라 다른 이미지 표시 지정 (= picture태그 =…
attribute HTML - formtarget 속성 - 폼데이터 전달할 폼 지정 (= formtarget속성 = 폼타겟속성…
16/18
목록
찾아주셔서 감사합니다. Since 2012